程序博客网 > vb直用颜色值

angularjs 定义指令学习1

来源：互联网发布：vb直用颜色值编辑：程序博客网时间：2024/05/21 18:34

1、HTML中的定义方式与指令中可以不同，HTML中用XXXX-XXXX，在指令中用驼峰式，或者不用驼峰，形势一直。

2、可以在元素、属性、类名创建属性。

<lio></lio>
<div lio></div>
<p class="lio"></p>

<script>
var a=angular.module('lio',[]);
a.directive('lio',function(){
return{
restrict:'EAC',
template:'<a href="#">click here</a>',
replace:true
}
})
</script>

3、向指令中传数据

第一种：由所述控制器提供已经存在的作用域

把DOM中的值复制给指令的作用域，采用绑定机制。

<div my-lio my-name="http:\\" click-here="click me"></div>

<script>
var a=angular.module('lio',[]);
a.directive('myLio',function(){
return{
restrict:'EAC',
template:'<a href="{{myName}}">{{clickHere}}</a>',
replace:true,
scope:{
myName:'@',
clickHere:'@'
}
}
});
</script>

还可以绑定到指定的属性当中，如

<script>
var a=angular.module('lio',[]);
a.directive('myLio',function(){
return{
restrict:'EAC',
template:'<a href="{{myName}}">{{clickHere}}</a>',
replace:true,
scope:{
myName:'@',
clickHere:'@myName'
}
}
});
</script>

流程是：DOM复制到指令作作用域中（scope），指令作用域再对应template中的。

@绑定是一一对应。

第二种：数据绑定形式ng-model

模板中的数据初始化高于控制器中的：

<body ng-app="lio">
<div ng-controller="c">
<input type="text" ng-model="v.name" ng-init="v.name='sa'"/>
<span ng-bind="v.name"></span>
</div>
</body>
<script>
var a=angular.module('lio',[]);
a.controller('c',function($scope){
var v={};
v.name="Hello";
$scope.v=v;
})
</script>

0 0

vb直用颜色值

vb直用颜色值

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子男枪男枪出装男枪solo 男枪连招张嘉文男枪极地男枪男枪皮肤男枪天赋妇科男医生邱于庭龙枪无限火力男枪出装柔风男主双向什么意思水柔姐妹炖排骨男女主柔柔弱弱男主粗鲁占有欲男主狂柔女主的奶女主叫安以柔,男主叫霍易琛男主女主在树上流出来山楂树之恋男一号男模内裤男模男模内裤男模大鸟中国男模肌肉男模男模许乐男模露鸟会所男模东方男模吧泰国男模国际男模男模写真内衣男模东方男模男模吧性感男模男模图片深圳男模北京男模男模大雕日本男模男模倪泽男模照片