You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
angelozerr edited this page Nov 7, 2015
·
12 revisions
Angular Explorer View
Angular Explorer View gives you the capability to display Angular elements like modules, controllers of your AngularJS application :
This view is useful for :
display modules, controllers, etc in a view and go to the definition if you double click on it (open the JS editor and select the module, controller).
AngularJS "HTML templates" where module and controller is not defined inside the HTML. So you can link module and controller to the current HTML editor to benefit with Angular expression completion.
How to configure the view?
Define script path
To use Angular Explorer View, you must defines the whole JavaScripts files which must be used to load with Tern teh Angular modules, controllers. To do that
you must configure Script path. Here a screenshot where script path was configured with an HTML file which defines "script" elements by using "Add File" button :
You can define a folder with "Add Folder" which contains the JavaScript files to load. This configuration is used when your scripts to load are not declared in script element
(or if script/@src cannot be resolved if you use for instance JSP EL contextPath).
Open "Angular Explorer" View
Use the Angular Explorer view?
Go To Definition
The "Go To Definition" contextual menu gives the capability to open the JS editor and select the module, controller selected (you can do that too with double click) :
HTML Template (Link/Unlink)
No completion :
To resolve this problem, you can link the HTML file to a controller with "Link to controller" menu action:
If you reopen completion, you will see completion :
Actions
Sort
You can sort angular elements (modules, directives, etc)