2016-04-07 11 views
0

Aslında benim gereksinim tek yönerge kapsamını başka bir yönerge almak ve iki yönlü bağlamayı gerçekleştirmek.Bir yönerge kapsam değeri, angularjs'deki diğer yönergelere nasıl erişilir?

ng modelinde değişiklik olduğunda JSON değerlerini değiştirmem gerekiyor. Aşağıdaki örnekte, özelliklere sahip satır kümesi olan JSON. Bu özellik adları ng-model = CuId gibi denetimi (metin kutusu) ile bağlamak zorunda. Dolayısıyla, ilgili özelliklerin değeri her değiştiğinde JSON'un güncellenmesi gerekir.

Kaynak Kodu:

var app = angular.module("myApp", []); 

app.directive("main", function() { 

}); 

app.directive("sub1", function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     template : "<h1>sub1</h1>", 
     link: function($scope, element, attrs) { 
      $scope.soJSON={ 
       "entityinfo": { 
        "entity": "Customer29Jan16", 
        "tenantId": "292FEC76-5F1C-486F-85A5-09D88096F098", 
        "timeStamp": "2016-04-07T10:33:38.507Z" 
       }, 
       "collections": { 
        "Customer29Jan16": { 
        "meta": { 
         "parentreference": "***", 
         "pkname": "***", 
         "fkname": "***" 
        }, 
        "rowset": [ 
         { 
         "CuId": "test", 
         "Name": "test", 
         "Quantity": "test"      
         } 
        ], 
        "rowfilter": [] 
        } 
       } 
       } 
     } 
    }; 
}); 

app.directive("sub2", function() { 
    return { 
     template : "<input ng-model=CuId> <input ng-model=Name> <input ng-model=Quantity>" 
    }; 
}); 

HTML Kodu:

<div ng-app="myApp"> 
<main> 
    <sub1>Test<</sub1> 
    <sub2>Test<</sub2> 
</main> 
</div> 

JS Fiddle Bağlantı: https://jsfiddle.net/bagya1985/23vz1xux/1/

cevap

1

Eh angularjs gerektiren birden direktifler arasında paylaşılan kontrolörleri olan direktif denetleyicileri destekler Aynı denetleyici.Çocuk yönergelerinizde require:'^main' kullanmanız gerekir. Daha fazla bilgi için https://docs.angularjs.org/guide/directive

+0

linkini kontrol edebilirsiniz. – bagya

İlgili konular