指令作用域
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>
