Я пытаюсь создать настраиваемый компонент, который использует динамическую модель ng-модели с наименьшим изгибом директивы.Синхронизация динамической 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 В этом примере я ожидаю, что на обоих входах будет значение «Новый», так как я изменяю модель из директивы и является двунаправленной оценкой (=). Но почему-то не связано правильно. :(
Я буду очень признателен, если кто-нибудь дать некоторый свет на эту Заранее спасибо
OMG! Большое спасибо, это работает! Это было легче, чем ожидалось! – DreaMTT
Привет, спасибо. Могли ли вы сделать сообщения об ошибках для ввода внутри шаблона директивы? Благодарю. –
Что делать, если я использую 'scope: false'? Потому что я не хочу, чтобы моя директива имела свой собственный объем в этом случае. –