指令作用域
1.绑定模块,控制器, 添加控制器属性msg
2.自定义指令, 大小写
3.使用指令
4.添加input
<!--input 和自定义指令使用同一个属性-->
<input type="text" ng-model="msg">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-app="app" ng-controller="xmgController">
<!--input 和自定义指令使用同一个属性-->
<input type="text" ng-model="msg">
<sk-dir></sk-dir>
</body>
<script src="js/angular.js"></script>
<script>
//1.创建模块
var app = angular.module('app', []);
//2.创建控制器
app.controller('xmgController', ['$scope', function ($scope) {
$scope.msg = "666"
}]);
//3.绑定模块 ng-app="app"
//4.绑定控制器 ng-controller="xmgController"
//5.自定义指令
/**
注意:使用指令时,一定要注意大小写,
如果定义指令名次为大写,使用自定义指令要用 - 进行转换
如: 定义"skDir" , 使用 "sk-dir"
*/
/**
* 6.指令作用域
* 默认情况下， 指令使用的模型是与它所在控制器使用的是同一个模型
*
*/
app.directive("skDir", function () {
return {
restrict:"EA",
template:"<h1>{{msg}}</h1>",
replace:true,
//自定义的指令，可以有自己的控制器和作用域。有自己的模型
controller:function ($scope) {
$scope.msg = "我是指令的msg"
}
}
});
</script>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
