javascript - AngularJS ng-change on select with custom directive -

-

in application have custom directive select tag.

<div class="row pv10" ng-if="item.visible">   <div class="col-xs-4 text-danger"><span ng-if="item.label_visible"> {{item.label}}</span></div>      <div class="col-xs-8">         <div class="row">           <div class="col-xs-1">             <select ng-options="oneitem oneitem in item.options" ng-model="selecteditem" ng-change="changeevent()">                 {{selecteditem | json}}             </select>           </div>       </div>    </div> </div>

i perform action on every change event. tought of using ng-change, btw. worked fine radiobtn/checkbox.i tried 2 approaches here.

firstly tried pass "changeevent" function directive's isolated scope. 

<custom-select item='item' change-event="change()" ng-if="item.component == 'select'" />

changeevent() function exists in current controller (attached view holding custom-select)

scope: {         item: "=",         changeevent: "&"     }

sadly expression not evalue on change. secondly tried attach function directly directive

link: function ($scope, elems, attrs) {         $scope.changeevent = function () {             alert("change event!");         }     }

but didn't work either.

i read somewhere ng-change used within custom directive operates on controllers scope, not isolated scope of directive. not quite sure that. i'd appreciate help. thank you!

edit!

this jsfiddle directive use. if should provide more details, let me know, first time i've ever used jsfiddle.

this how directive invoked:

<div class="row" ng-repeat="item in jsondata">   <div class="col-xs-12">        <cbp-select item='item' change="change()" ng-if="item.component == 'select'" />   </div> </div>

https://jsfiddle.net/60nsfg0l/

edit2

when have uploaded solution our local server started work properly.(yes, cleaned browser's cash, , locals wamp/iss cache too). have different problem. have form built different directives(like 1 above), have ng-click/change/blur. seems work fine until change 1 of options in "select" directive. after selecting 1 of values, ng-change expression triggered(for not simple alert) , moment onwards not able focus on other elements. weirdly enough, if cause ng-change trigger on other element radiobtn or checkbox problem not occur


Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more