attribute priority
HTML
<div ng-app="app">
{{attribute = 'hello world';}}
<div d-isolated-works prop="attribute"></div>
<div d-isolated prop="attribute"></div>
</div>
JavaScript
angular.module('app', [])
.directive('dIsolatedWorks', function () {
return {
scope: {
prop: '='
},
template: '<span>{{name}}: {{prop}}</span>',
link: function (scope) {
scope.name = 'isolated';
scope.prop = 'link';
}
};
})
.directive('dIsolated', function () {
return {
scope: {
prop: '@'
},
template: '<span>{{name}}: {{prop}}</span>',
controller: function ($scope) {
$scope.prop = 'controller';
},
link: function (scope) {
scope.name = 'isolated';
scope.prop = 'link';
}
};
});