angularjs - How can I watch a directive variables from a parent controller? -

-

i have controller called main has 2 nested directives called formdirective , datadirective.

i have following form in formdirective view.

<form name="menuform">     <h4>what name</h4>     <input name="name" ng-value="" ng-model="name"> </form>

i trying use $scope.watch update data in datadirective when form value changed in formdirective.

when put following code inside formdirective controller works fine.

$scope.$watch('[menuform.name.$viewvalue]', function () {   console.log('name changed');   //update data directive here }, true);

however won't work solution because need code inside parent controller directives need communicate each other , doing way cause encapsulation issues.

when put following watcher inside main controller doesn't work - expect too. (i can browse fine web inspector).

$scope.$watch('[$scope.menuform.name.$viewvalue]', function () {       console.log('name changed');       //update data directive here     }, true);

is able tell me how can watch formdirectives variable main controller?

adding watch inside mainctrl should work when $scope removed.

change: $scope.$watch('[$scope.menuform.name.$viewvalue]' $scope.$watch('[menuform.name.$viewvalue]'

another option pass callback directive.

example fiddle: http://jsfiddle.net/rfkjlst3/13/

html

<div class="m" ng-controller="mainctrl">     <div>main ctrl</div>     <h3>(shared scope)</h3>     <directive1></directive1>     <directive2></directive2>     <hr />     <h3>(isolate scope)</h3>     <directive3 on-update="onupdate(newval, oldval, $scope)"></directive3>     <directive4 some-var="updatevar"></directive4> </div>

main ctrl

function mainctrl($scope) {     // shared scope     $scope.name = '';     $scope.latestvalue = '';     $scope.onchangefn = watchfn; // callback shared scope directive      // watching main ctrl     $scope.$watch('[menuform.name.$viewvalue]', mainctrlwatch, true);      // isolate scope     $scope.updatevar = '';     $scope.onupdate = function updatefn(newvalue, oldvalue) {         $scope.updatevar = newvalue || '';         console.log('hi',newvalue, oldvalue, $scope);     } }

shared scope directives

app.directive('directive1', function ($window) {     var directive = {         link: link,         restrict: 'ea',         template: '<div class="d"><b>directive 1</b>' +             '<form name="menuform">' +             '<label for="name">what name: </label>' +             '<input name="name" ng-value="" ng-model="name" required>' +             '</form></div>'     };     return directive;      function link(scope, element, attrs) {         // watch inside directive working using shared scope         scope.$watch('[menuform.name.$viewvalue]', scope.onchangefn, true);     } });  app.directive('directive2', function ($window) {     //notice no scope: { ... } scope parents.     var directive = {         link: link,         restrict: 'ea',         template: '<div class="d d2"><b>directive2</b> <br /> {{ latestvalue }}</div>'     };     return directive;     function link(scope, element, attrs) {} });

isolate scope directives

app.directive('directive3', function ($window) {     var directive = {         link: link,         restrict: 'ea',         scope: {             onupdate: '&'         },         template: '<div class="d"><b>directive 3</b>' +             '<form name="menuform">' +             '<label for="name">what name: </label>' +             '<input name="name" ng-value="" ng-model="name" required>' +             '</form></div>'     };     return directive;      function link(scope, element, attrs) {         scope.name = '';          // watching inside directive , firing callback         scope.$watch('[menuform.name.$viewvalue]', function (newval,oldval,$scope) {             $scope.onupdate({newval: newval, oldval: oldval});         }, true);     } });  app.directive('directive4', function ($window) {     var directive = {         link: link,         restrict: 'ea',         scope: {             somevar: '='         },         template: '<div class="d d2"><b>directive4</b> <br /> {{ somevar }}</div>'     };     return directive;     function link(scope, element, attrs) {} });

Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple ...
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e...
Read more

wordpress - .htaccess: RewriteRule: bad flag delimiters -

-
pulling hair out on one. have following .htaccess file custom redirects in addition wordpress's default settings. when tested on local wamp server worked fine after moving production i'm not getting rewriterule: bad flag delimiters error in server log , after while site goes down internal server error any appreciated. in advance! <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^rockford_weddings___welcome\.html$ /wedding/ [r=301,l] rewriterule ^blog/?$ /journal/ [r=301,l] rewriterule ^blog/(.*)$ /$1 [r=301,l] rewriterule ^portraitinvestment/?$ /portraitinvestment\.pdf [r=301,l] rewriterule ^weddinginvestment/?$ /weddinginvestment\.pdf [r=301,l] rewriterule ^holidaycards2014/?$ /holidaycards2014\.pdf [r=301,l] </ifmodule> # begin wordpress <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.php$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.php [l] </...
Read more