Node.js, MongoDB, and AngularJS Web Development

Configuring the Directive Scope

At times you may want to separate the scope inside a directive from the scope outside the directive. Doing so prevents the possibility of the directive changing values in the local controller. The directive definition allows you to specify a scope that creates an isolate scope. An isolate scope isolates the directive scope from the outer scope to prevent the directive from accessing the outer scope and the controller in the outer scope from altering the directive scope. For example, the following isolates the scope of the directive from the outside scope:

Click here to view code image

directive('myDirective', function() {  return {    scope: { },    templateUrl: '/myDirective.html'  };});

Using this code, the directive ...