私が達成したいのは、2 つのディレクティブをバインドして共有サービスをスローすることです。これにより、一方に変更があった場合、すぐに変更が他方に伝達されます。
私のディレクティブは次のようになります。
app.directive("input1", function (sharedService) {
return {
restict: 'A',
scope: 'isolate',
template: '<input type="text" ng-model="sharedText" class="input-medium" />{{sharedText}}',
link: function (scope, elem, attrs) {
scope.sharedText = sharedService.sharedText; // Service never gets updated if the scope it's modified :(
}
}
});
app.directive("input2", function (sharedService) {
return {
restict: 'A',
scope: 'isolate',
template: '<input type="text" ng-model="sharedText" class="input-medium" />{{sharedText}}',
link: function (scope, elem, attrs) {
scope.sharedText = sharedService.sharedText;
}
}
});
ここで、私が今まで持っているもののフィドルを見ることができます:http://jsfiddle.net/Hubrus/kxGG6/1/
ありがとう!