Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 从指令中访问其他元素的ng-model大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个指令,它应该更新另一个输入.

但是,我找不到从指令中访问其他输入的ng-model的方法

accessOther指令

angular.module('test',[])
.directive('accessOther',function() {
  return {
    require: '?ngModel',link: function(scope,elem,attr,ngModel) {
      // ngModel here only refers to the current input
      ngModel.$setViewValue('test');

      // how to get access/modify another input? (ie. #outsidE)
    }
  }
})
.controller('parentController',function() {
  var pc = this;
  pc.data = {};
})
.controller('nestedController',function() {
});

在下面的代码中,accessOther指令位于#current但正在尝试更改#outside

<body ng-app="test" ng-controller="parentController as pc">
    <input type="text" ng-model="pc.data.parent" id="parent" placeholder="parent">

    <div ng-controller="nestedController as nc">
        <input type="text" ng-model="pc.data.outside" id="outside" placeholder="outside">
        <br>
        <input type="text" ng-model="pc.data.current" id="current" access-other placeholder="current">
    </div>
</body>

plnkr:
http://plnkr.co/edit/j34GKypDW4h6sZgsMCaA?p=preview

另外,是否可以在指令中更改#parent?

解决方法

请查看工作演示: Plunker.

将此添加到指令:

scope.$parent.pc.data.outside = 'changed `outside` from directive';
scope.$parent.pc.data.parent = 'changed `parent` from directive';

您可以使用指令范围对象上的$parent属性访问父范围.

大佬总结

以上是大佬教程为你收集整理的angularjs – 从指令中访问其他元素的ng-model全部内容,希望文章能够帮你解决angularjs – 从指令中访问其他元素的ng-model所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。