如何在angularjs中访问一个指令作用域值到另一个指令
How to access one directive scope value to other directive in angularjs?
实际上,我的要求是将一个指令的作用域获取到另一个指令,并需要执行双向绑定。
每当ng模型发生更改时,我都需要更改JSON值。在下面的示例中,JSON具有带属性的行集。我必须将这些属性名称与控件(文本框)绑定,如ng model=CuId。因此,每当相应的属性值发生变化时,JSON都需要更新。
源代码:
var app = angular.module("myApp", []);
app.directive("main", function() {
});
app.directive("sub1", function() {
return {
restrict: 'E',
replace: true,
template : "<h1>sub1</h1>",
link: function($scope, element, attrs) {
$scope.soJSON={
"entityinfo": {
"entity": "Customer29Jan16",
"tenantId": "292FEC76-5F1C-486F-85A5-09D88096F098",
"timeStamp": "2016-04-07T10:33:38.507Z"
},
"collections": {
"Customer29Jan16": {
"meta": {
"parentreference": "***",
"pkname": "***",
"fkname": "***"
},
"rowset": [
{
"CuId": "test",
"Name": "test",
"Quantity": "test"
}
],
"rowfilter": []
}
}
}
}
};
});
app.directive("sub2", function() {
return {
template : "<input ng-model=CuId> <input ng-model=Name> <input ng-model=Quantity>"
};
});
HTML代码:
<div ng-app="myApp">
<main>
<sub1>Test<</sub1>
<sub2>Test<</sub2>
</main>
</div>
JS Fiddle链接:https://jsfiddle.net/bagya1985/23vz1xux/1/
Well AngularJS支持指令控制器,这些控制器在需要相同控制器的多个指令之间共享。您需要在子指令中使用require:'^main'
。有关详细信息,您可以查看链接https://docs.angularjs.org/guide/directive
相关文章:
- 打开一个模态并将其链接到AngularJS中的指令
- 从html创建一个指令,该指令按类名应用函数
- 指令的模板必须只有一个根元素:With restrict E&替换true
- Angular Datetimepicker:指令'的模板;uib时间选择器'必须只有一个根元素
- 如何在另一个组件中获取指令/组件实例
- 一次显示一个隐藏指令-AngularJS
- 一次显示一个指令AngularJS
- AngularJS中多个指令的一个声明
- 如何使用其他自定义指令中的元素标记作为另一个自定义指令的模板
- 调用另一个自定义指令的角度自定义指令
- 在 Angular 指令中定义一个用于 ng-click 的函数
- AngularJs 从指令中的另一个调用控制器
- ng-repeat始终呈现为指令模板中的最后一个
- 如果指令包含在另一个指令中,我如何在隔离范围内添加双向数据绑定属性
- angularjs在一个元素上有两个指令
- 测试依赖于另一个指令Angularjs的指令
- 测试一个简单的指令
- 如何在angularjs中访问一个指令作用域值到另一个指令
- 创建一个模态指令,并将click事件绑定到angular js中
- 给angular指令一个模型名称以访问它's在父级中的作用域