Javascript 带有限制的指令的属性
考虑到一个指令有一个独立的作用域(对象),并限制一个,我如何传递它们的属性Javascript 带有限制的指令的属性,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,考虑到一个指令有一个独立的作用域(对象),并限制一个,我如何传递它们的属性 例如,当谈到限制E时,如果作用域等于{attr:'@},则该指令将被称为like。与限制E时的like相同: <div my-attr-directive attr="somevalue"></div> 与限制E类似: <div my-attr-directive attr="somevalue"></div> 当我们创建带有restrict“E”的指令时,它代表“El
例如,当谈到限制E时,如果作用域等于{attr:'@},则该指令将被称为like。与限制E时的like相同:
<div my-attr-directive attr="somevalue"></div>
与限制E类似:
<div my-attr-directive attr="somevalue"></div>
当我们创建带有restrict“E”的指令时,它代表“Element”,然后它会像这样调用-
<my-attr-directive attr="somevalue" ></my-attr-directive>
当我们创建带有restrict“E”的指令时,它代表“Element”,然后它会像这样调用-
<my-attr-directive attr="somevalue" ></my-attr-directive>
属性的传递方式与我们传递E类型指令的方式相同 参考:
//HTML
示例-示例-示例12-生产
//JS
(功能(角度){
"严格使用",;
angular.module('docsSimpleDirective',[])
.controller('controller',['$scope',function($scope){
$scope.customer={
名字:“娜奥米”,
地址:“1600圆形剧场”
};
}])
.directive('myCustomer',function(){
返回{
限制:“A”,
范围:{
客户:“=”,
testv:“@”
},
模板:“名称:{{customer.Name}}地址:{{customer.Address}}-{v1}}”,
链接:函数(范围、元素、属性){
控制台日志(attrs);
scope.v1=attrs.testv;
}
};
});
})(窗口角度);
属性的传递方式与我们传递E类型指令的方式相同
参考:
//HTML
示例-示例-示例12-生产
//JS
(功能(角度){
"严格使用",;
angular.module('docsSimpleDirective',[])
.controller('controller',['$scope',function($scope){
$scope.customer={
名字:“娜奥米”,
地址:“1600圆形剧场”
};
}])
.directive('myCustomer',function(){
返回{
限制:“A”,
范围:{
客户:“=”,
testv:“@”
},
模板:“名称:{{customer.Name}}地址:{{customer.Address}}-{v1}}”,
链接:函数(范围、元素、属性){
控制台日志(attrs);
scope.v1=attrs.testv;
}
};
});
})(窗口角度);