我正在尝试创建一个自定义组件,该组件在该指令中使用了动态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在这个例子中,我期望在两个输入中都有“新”值,因为我是从指令中改变模型,是双向绑定(=).但不知何故不是正确的方式.