[ https://issues.jboss.org/browse/JBIDE-17676?page=com.atlassian.jira.plugi... ] Victor Rubezhny edited comment on JBIDE-17676 at 7/29/14 8:27 PM: ------------------------------------------------------------------ *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. (JBIDE-17978 is created in order to automate this process) 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! (JBIDE-17995 is created in order to add this feature to JBoss Tools HTML Editor) _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! (JBIDE-17979 is created in order to add this feature to JBoss Tools HTML Editor) _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-hyperlink.png|thumbnail! ... as well as in JBoss Tools HTML Editor: !jbt-html-hyperlink.png|thumbnail! was (Author: vrubezhny): *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. (JBIDE-17978 is created in order to automate this process) 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! (JBIDE-17979 is created in order to add this feature to JBoss Tools HTML Editor) _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-hyperlink.png|thumbnail! ... as well as in JBoss Tools HTML Editor: !jbt-html-hyperlink.png|thumbnail! -- This message was sent by Atlassian JIRA (v6.2.6#6264)