angularjs modelleri, çoklu $ kapsamları ve

Question

bağlayıcı iki yönlü veri Ben angularjs gerektirmez ve Modeller için özel bir sözdizimi etmediğini gibi, ama ben kafamı sarmak gibi olamaz bir senaryo var. Sonra ben ise

app.controller('display', function($scope, dataService) { 
    $scope.data = dataService.getData(); 
}); 

app.controller('editor', function($scope, dataService) { 
    $scope.data = dataService.getData(); 
}); 

:

app.factory('dataService', function() { 
    var data = 'Foo Bar'; 

    return { 
     getData: function() { 
      return data; 
     } 
    }; 
}); 

ben hem aynı veri parçasını erişmek iki denetleyicileri var: Ben kullanıyorum veri depolama aşağıdaki

Benim DataService sargıları

ne olursa olsun lezzet alın Biri verileri değiştiren iki görüşe sahip, neden diğer güncelleme otomatik olarak yapılmıyor? Bu Verileri bir nakavt gözlemlenebilir nesne yapmak kullanmak zorunda kalacağım Knockout gibi bir şey nasıl çalıştığını

<div ng-controller="display"> 
<p>{{data}}</p> 
</div> 

<div ng-controller="editor"> 
<input type="text" value="{{data}}"/> 
</div> 

anlıyorum. Bu nedenle, uygulamanın bir bölümünde yapılan tüm değişiklikler abonelikleri tetikler ve başka birindeki görünümleri günceller. Ama ben bunu Angular'da nasıl yapacağına emin değilim.

Herhangi bir öneri?

Answer 1

Ben o iş yapmak öneririm birkaç değişiklik vardır.

1. değişiklik bir dize veri nesnesi giriş sahadan

HTML

<div ng-controller="display"> 
    <p>{{data.message}}</p> 
</div> 

<div ng-controller="editor"> 
    <input type="text" ng-model="data.message"/> 
</div> 

Komut bağlama tipi

Kullanım ng-model itiraz

app.factory('dataService', function() { 
    var data = {message: 'Foo Bar'}; 

    return { 
     getData: function() { 
      return data; 
     } 
    }; 
}); 

Demo:`Data` nesne kapsamları aynı nesneye başvuru paylaşacak

Answer 2

aynı durumla sıkışmış edilmemiştir, ama bana atlar şey kapsamında yapışmasını budur. Kapsamın tartışıldığı açısal bir video vardı. Model nesnelerini kapsam içine almalı ve kapsamı model nesnesinde kullanmamalısınız. Örnekte

iki kapsamları dize data her oluşturulur. data bir dize ve değişmez olduğundan, değiştirildikten sonra editörün kapsamına alınacaktır. Örneğinizde dataService bir nesne döndürdüyseniz ve bu nesne denetleyiciler arasında paylaşılıyorsa, o zaman sorunlarınız çözülecektir. {Veri: data} arasında dataService dönüşü model sahip deneyin ve model.data yerine data bağlanır.

Bu denenmemiş, ama açısal çalıştığını biliyorum nasıl dayanan çalışması gerekir.