Angularjs 自定义指令 scope:true 更改它的父范围
Angularjs custom directive scope:true change it's parent scope
我试图编写一个自定义指令,我把scope:true。据我所知,这应该采用父范围,当我们更改模型时,它应该仅更改其内部范围。但是在下面的例子中,我发现当我更改指令时,父指令也会更改。谁能告诉我背后的原因。
.html
<div class="container" ng-app="myModule" ng-controller="mainControll"> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem harum numquam odio, tenetur earum deleniti culpa recusandae? Temporibus expedita, porro numquam at voluptas aspernatur nemo veniam nam, vel assumenda placeat!</div>{{text}}<br/> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model="text"> <firstdir></firstdir> </div>
JavaScript
var app = angular.module("myModule",[]);
app.controller("mainControll",function($scope){
$scope.text = "Content from controller";
});
app.directive("firstdir",function(){
return{
restrict:"EACM",
replace:"true",
scope:"true",
template:'<p>{{text}}<br/><input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model = "text"></p>'
}
})
您可以在此处找到的示例
提前谢谢你
在您提供的代码中,范围分配了字符串"true",它实际上应该是一个布尔值 true
app.directive("firstdir",function(){ return{
restrict:"EACM",
replace:"true",
scope: true,
template:'<p>{{text}}<br/><input type="text" class="form-control" id="exampleInputEmail1" placeholder="Email" ng-model = "text"></p>'}})
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在全局范围中查找JavaScript函数
- 如何通过数组更新角度子范围
- AngularJS-使用'true'属性
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- HTML范围:动态设置值属性
- "实例范围”;TypeScript类的getter/setter
- JavaScript-切换“;全部检查”;复选框true/false
- jquery日期选择器年份范围默认值
- location.reload(true)崩溃浏览器选项卡
- Jpgraph:如何手动设置X轴和Y轴的范围
- 指令的模板必须只有一个根元素:With restrict E&替换true
- JavaScript:只有当数组中的所有项都为true时才执行函数
- 在对象数组中查找多个值的d3范围
- 动态加载angularjs并生成控制器和范围
- Angularjs 自定义指令 scope:true 更改它的父范围
- 如果bdays是今天或在未来7天的范围内,则返回true
- jquery .js -在jquery .js 0.20.1中无法获得readOnly:true编辑器的选择范围
- 设置为 true 时指令范围的奇怪行为
- if 语句在测试值是否在某个范围内时始终返回 true