angularjs – 一个指令内的动态ng模型绑定

发布时间：2020-12-17 07:44:16 所属栏目：安全来源：网络整理

导读：我正在尝试创建一个自定义组件,该组件在该指令中使用了动态ng模型. 例如,我可以调用不同的组件,如： custom-dir ng-model="domainModel1"/custom-dircustom-dir ng-model="domainModel2"/custom-dir 有一个指令,如： app.directive('customDir',function() {

我正在尝试创建一个自定义组件,该组件在该指令中使用了动态ng模型.

例如,我可以调用不同的组件,如：

<custom-dir ng-model="domainModel1"></custom-dir>
<custom-dir ng-model="domainModel2"></custom-dir>

有一个指令,如：

app.directive('customDir',function() {
  return {
    restrict: 'EA',require: '^ngModel',scope: {
      ngModel: '=dirValue',},template: '<input ng-model="dirValue" />',link: function(scope,element,attrs,ctrl) {
      scope.dirValue = 'New';
    }
  };
});

这个想法是,如果模型发生变化,则该指令的文本框将会改变,而另一方面则会改变.

事情是,我已经尝试了不同的方法,根本没有成功,你可以在这里查看其中一个：http://plnkr.co/edit/7MzDJsP8ZJ59nASjz31g?p=preview在这个例子中,我期望在两个输入中都有“新”值,因为我是从指令中改变模型,是双向绑定(=).但不知何故不是正确的方式.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!