javascript - AngularJS ng-select and ng-switch-when issue -


i'm trying add selection menu angular charts , i'm running problems. used this selection app template , tried incorporate current app. thing shows on page selection menu , axis of graph.

i looked @ console log errors may have sprung , found 1 of src url wasn't found, , updated url in current code. did not solve problem, however, , no more errors showed in console give me insight i'm doing wrong. second time ever working selection directive difficult me spot errors in code.

my markup:

    <!doctype html>     <html ng-app="myapp">      <head>      <meta charset="utf-8" />      <link rel="stylesheet" type="text/css" href="style.css">      <title>angular chart</title>      <script src="http://code.angularjs.org/1.2.2/angular.js"></script>      <script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.3.11/d3.js"></script>      <script type="text/javascript" src="https://rawgit.com/chinmaymk/angular-charts/bower/dist/angular-charts.min.js"></script>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>      <script src="script.js"></script>     </head>      <body ng-controller="mainctrl">       <select ng-model="selection" ng-options="item item in items">        </select>       <hr/>       <div ng-switch on="selection">         <div ng-switch-when="selection 1">            <div                data-ac-chart="'line'"                data-ac-data="data[0]"                data-ac-config="config"                class="chart">            </div>         </div>         <div ng-switch-when="selection 2">            <div                data-ac-chart="'line'"                data-ac-data="data[1]"                data-ac-config="config"                class="chart">            </div>         </div>      </div>    </body>   </html>

my js:

    var myapp = angular.module('myapp', ['angularcharts']);     myapp.controller("mainctrl", ['$scope', function($scope) {       $scope.config = {         title: 'products',         tooltips: true,         labels: false,         mouseover: function() {},         mouseout: function() {},         click: function() {},         legend: {         display: true,         position: 'right'        }       };        $scope.data = [{          series: ['sales', 'income', 'expense', 'laptops', 'keyboards'],          data: [{            x: "laptops",            y: [100, 500, 0]           }, {            x: "desktops",            y: [300, 100, 100]           }, {            x: "mobiles",            y: [351]           }, {            x: "tablets",            y: [54, 0, 879]           }]},           {          series: ['sales', 'income', 'expense', 'laptops', 'keyboards'],          data: [{            x: "laptops",            y: [10, 500, 0]           }, {            x: "desktops",            y: [30, 200, 10]           }, {            x: "mobiles",            y: [357, 127, 20]           }, {            x: "tablets",            y: [54, 0, 879]           }]          }];        $scope.items = ['selection 1','selection 2'];        $scope.selection = $scope.items[0]      }    ]);

edit: see problem lies in js file in data model. thought data array inside $scope.data being called in html tag of div, created 2 different data arrays under model dataa , datab in place of data. however, series array required in data model data-ac-data directive function properly.

i'm confused how should format code in model call data in html when selection made. i'm not sure if can use expression such "{{data.dataa}}" in place of "data" in html tag. please let me know easiest way modify code.

this

ac-data="dataa"  ac-data="datab"

should be

ac-data="data.dataa" ac-data="data.datab"

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500));
Read more