javascript - Angular: How to access angular $scope.ng-model_name from outside $http.get method? -

-

i using angularjs code $http.get method, when tried access $scope.metric.label. giving error "error: $scope.metric undefined not defined. want create dynamic url selection options. not able create dynamic url.

demo http://plnkr.co/edit/urufgauqjt8golz7qvsl?p=preview
in demo uncomment alert(url) see not working

//fetching metrics , filling metric selection options   $http.get("https:localhost:8080/metering/data/")     .success(function(response) {       $scope.metrics = response.nova_meters.concat(response.glance_meters).concat(response.cinder_meters).concat(response.ipmi_meters).concat(response.neutron_meters).concat(response.swift_meters).concat(response.kwapi_meters);       $scope.metric = $scope.metrics[0];     });    // fetching list of instances , filling group selection options   $http.get("https:localhost:8080/metering/project/")     .success(function(response) {       //alert(json.stringify(response[0].instances));       $scope.groups = response[0].instances;       $scope.group_by = $scope.groups[0];          });  var url = "localhost?" + "meter=" + $scope.metric.label + "&group_by=project" ; console.log(url);

i want make selection option following ...
enter image description here

html

<div ng-controller="ceilometerctrl">     <select ng-model="metric" ng-options="value.label group value.group value in metrics" ng-change="update()">     </select>     <select ng-model="group_by" ng-options="value.id value in groups" ng-change="update()">     </select> </div>

as requests asynchronous, have deal callback retrieve data.

in angularjs, $http return promise, can combining them.

also, can use $q service, .all() method. method take array of promises parameter , return promise resolved when promises in parameter array resolved to.

$q

furthermore, if set properties of object, $scope.metric, have declare it, object must defined.

controller

(function(){  function controller($scope, $http, $q) {    //declare metric   $scope.metric = {};    var defer = $q.defer();    var url = '';    //declare promise   var promise1 = $http.get("path_to_url");   var promise2 = $http.get("another_path");    //declare our function callback launch when promises finished   function callback(response){     //response array of promises results, in same order      //reponse[0] promise1 result     $scope.metric.name = response[0].data.name;      //response[1] promise2 result     $scope.group_by = response[1].data.group;      url = "localhost?" + "meter=" + $scope.metric.name + "&group_by=" + $scope.group_by ;      //resolve data built url     defer.resolve(url);   }    //when promise completed, call callback function   $q.all([promise1, promise2]).then(callback);    //callback our resolve result   function print(url){     console.log(url);   }    //print data when url set   defer.promise.then(print);   }  angular .module('app', []) .controller('ctrl', controller);  })();

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