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