Angularjs scope watch how to get array dynamic data? -

यह मेरा नियंत्रक है:

  $ scope.datas = [{आइटम: [ नाम: "owl1.jpg", आईडी: 1} {नाम: "owl6.jpg", आईडी: 6}]}]; $ Scope.demo = function () {$ scope.datas.push ({आइटम: [{नाम: "owl1.jpg", आईडी: 1}, {नाम: "owl2.jpg", आईडी: 2}]}) ; };  

निर्देशक:

  sampleApp.directive ("imagedata", फ़ंक्शन ($ संकलन) {वापसी {प्रतिबंधित: "ई", लिंक: फ़ंक्शन (दायरा) , तत्व, एटर्स) {दायरा। $ घड़ी (attrs.value, फ़ंक्शन (न्यूवैल्यू) {element.html ("& lt; img src =। / Img /" + newValue.name + "& gt;"); $ संकलन (तत्व सामग्री ()) (स्कोप);});}};});  

सूचकांक पृष्ठ:

  & lt; div class = "col-md-9" ng-controller = "addorr नियंत्रक" & gt; & Lt; बटन एनजी-क्लिक = "डेमो ()" & gt; अपडेट & lt; / बटन & gt; & Lt; div वर्ग = "उल्लू-डेमो" वर्ग = "उल्लू-कैरोझेल" एनजी-दोहराने = "एक में डेटा" & gt; & Lt; div वर्ग = "आइटम" एनजी-दोहराने = "डी में a.item ट्रैक $ इंडेक्स द्वारा" & gt; & Lt; imagedata मान = "d" & gt; & lt; / imagedata & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;  

इसका काम ठीक है लेकिन डेमो फ़ंक्शन पर क्लिक करें, मैं आइटम को सरणी में दबाता हूं। लेकिन गुंजाइश घड़ी नहीं है wokrking।