ng-book

Introduction to Directives 73
scope: {
someProperty: '@'
}
Note that, by default, someProperty maps to the DOM attribute some-property. If we wanted to
explicitly specify the name of the attribute we wanted to bind to, we could do so:
scope: {
someProperty: '@someAttr'
}
In this case, the HTML attribute would be named some-attr instead of some-property:
Now, when we try to access someProperty inside our directive, for example in the directive’s
template or controller (as we did above), we’ll receive the value copied from the DOM attribute:
template: '\
we have access to {{ someProperty }}\
',
controller: function($scope) {
// a directive can have its own controller,
// in which case we can fetch the
// $scope.someProperty to be
// "someProperty with @ binding"
}
Back to our main example: to copy data from the DOM into the isolate scope of our directive, we
use attributes: