Node.js, MongoDB, and AngularJS Web Development

Implementing the AngularJS Custom Directives

You now need to implement the custom directive code to support the richTabs and richPane directive templates. Listing 29.7 shows the portion of rich_ui_app.js that implements the backend code necessary to support the richTabs and richPane directive templates.

The richTabs directive defines the controller function that contains the panes array used to populate the tabs. Also, the select() function sets the select value of all the panes in the array to false and then the current pane to true, which hides all the panes except the selected one. The addPane() function is called from the richPane directive and adds the pane to the panes list in richTabs. Notice that templateUrl points to the rich_tabs.html ...