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

	Created by James Drummond over 9 years ago

A-Level Angular Note on Directives and scope, created by James Drummond on 03/05/2015.