指令作用域
1.指令綁定控制器,默認和父級控制器同一個作用域, 即默認 scope:false
2.作用域優先級: 子級沒有的屬性,去父級找,父級沒有去根作用域找
3.指令使用scope:true, 獨立自己的作用域,修改子級自己屬性, 不影響父級
4.scope值除了bool值外, 還可以是一個對象,相當于一個隔離作用域
5.獨立作用域后,子級自己沒有的屬性,不會到父級去查找, 沒有屬性就不會顯示
<body ng-app="app" ng-controller="skController">
<!--a.子級 自定義指令-->
<sk666></sk666>
<hr>
<p>{{name}}</p>
<!--b.父級屬性-->
<input type="text" ng-model="name">
</body>
<script src="angular.js"></script>
<script>
//1.創建模塊
var app = angular.module('app', []);
//2.創建控制器
app.controller('skController', ['$scope',function ($scope) {
$scope.name = "父控制器name"
}]);
//3.自定義指令
app.directive('sk666', function () {
return{
restrict:'EA',
replace:true,
/* template:'<h1>{{title}}</h1>',
controller:function ($scope) {
$scope.title = '子級指令內容';
}*/
template:'<h1>{{name}}</h1>',
controller:function ($scope) {
$scope.name = '子級指令內容';
},
//scope:false
scope:{}
}
});
</script>
