scope : {}
- Creates new scope, nothing inherited from parent

Inheriting distinct items from parent

$scope.car = {type : 'hyundai', doors : 3}

// Cannot insert html due to idiocy from GoConqr

you need to create an attribute on the element:

carProperty=car // Note no quotes around car. car can be an object.

scope : {localProperty : '=car-property'} // Two directional binding with car object

attribute on element :

car-name="{{car.name}}"

scope : { carName : '@carName' } // Only inherits a string!! Not two way binding!

attribute on element:

sayhelloFunction='sayHelloThere()'; // sayHello() is function in the parent scope

scope : { sayHello : '&sayHelloFunction'}

// Now if you call sayHello in the directive, sayHelloThere will be called in the parent

	Creado por James Drummond hace más de 9 años

A-Level Angular Apunte sobre Directives and scope, creado por James Drummond el 03/05/2015.

Directives and scope