[jbosstools-issues] [JBoss JIRA] (JBIDE-17676) Angular Code Assist doesn't work for angular phonecat app

[Victor Rubezhny (JIRA)]

    [ https://issues.jboss.org/browse/JBIDE-17676?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12987912#comment-12987912 ] 

Victor Rubezhny commented on JBIDE-17676:
-----------------------------------------

*What we have for Angular.js and how to test*

_Required settings and project properties_

1. Follow steps from JBIDE-16544 to import angular phonecat project, Do not copy the project files when importing (You should be able to pick up the changes made in #2 in your JBT)
2. In git switch your angular phonecat project to branch 'step-5'
{code}
$ cd angular-phonecat
$ git checkout step-5
{code}
... and then refresh the project in JBT due to pick up the changes.
In following 'steps' the pages are splitter into templates, so editors may not to work on them.
3. Convert the project to JavaScript Project (Project Properties -> Configure -> Convert to JavaScript Project
4. Add 'AngularJS module to Tern in order to make anguler-related stuff enabled on the project. In order to do that you should enable 'JBoss Experimental configuration' in Window -> Preferences -> General -> Capabilities first, then enable 'angilar' module in Project properties -> Tern -> Modules.

OK. Your test project should be configured now.

_How to test and what editors can do_

_1. Highlighting_

AngularJS Editor highlights Angular-related attributes and Angular Expressions, while JBoss Tools HTML Editor doesn't:

!angularjs-highlighting.png|thumbnail!

_2. Content Assist in Angular Attribute values_

Both, AngularJS and JBoss Tools HTML Editors show content Assist in Angular attribute values.

So, you can use it in AngularJS Editor:

!angularjs-ca-in-attributes.png|thumbnail!

... as well as in JBoss Tools HTML Editor:

!jbt-html-ca-in-attributes.png|thumbnail!

_3. Content Assist in Angular Expressions_

AngularJS Editor shows content Assist in Angular expressoins, while JBoss Tools HTML Editor doesn't:

!angularjs-ca-in-expressions.png|thumbnail!

_4. Hyperlinks in Angular Attrubute values_

Hyperlinking works for Angular Attribute values (where it's possible) in both, AngularJS and JBoss Tools HTML Editors.

So, you can do hyperlink in AngularJS Editor:

!angularjs-hyperlilnk.png|thumbnail!

... as well as in JBoss Tools HTML Editor:

!jbt-html-hyperlink.png|thumbnail!


> Angular Code Assist doesn't work for angular phonecat app
> ---------------------------------------------------------
>
>                 Key: JBIDE-17676
>                 URL: https://issues.jboss.org/browse/JBIDE-17676
>             Project: Tools (JBoss Tools)
>          Issue Type: Bug
>          Components: jsp/jsf/xml/html source editing
>    Affects Versions: 4.2.0.Beta2
>         Environment: JBT 4.2.0.Beta2, Linux, AngulaJS for Eclipse installed from JBoss Central Early access
>            Reporter: Vlado Pakan
>            Assignee: Victor Rubezhny
>             Fix For: 4.2.0.CR1
>
>         Attachments: angular.png, phonecatControllers.png
>
>
> 1. Follow steps from JBIDE-16544 to import angular phonecat project
> 2. Open controllers.js in Java Script editor
> ERROR: There is no code assist for angular.| or phonecatControllers.|
> 3. Open phone-detail.html
> ERROR: There is no code assist for {{|}} or {{phone.|}}
> Is it not supported scenario?



--
This message was sent by Atlassian JIRA
(v6.2.6#6264)