forms - AngularJS select with ng-options -


i'm developing app should have form select boxes populated dinamically json arrays.

my problem controller correctly executed select options not populated controller, there empty.

this id code: 

<script>         angular.module('ionicapp', [         ])         .controller('timescontroller', function () {             console.log("javascript function");             var data = <?php echo $json; ?>;             console.log(data);             var result = {               events: [],               events2: [],               events3: [],               schedules: [],               schedules2: [],               schedules3: []             };             var events = data;             //console.log("events");             //console.log(events);             var events2 = data;             var events3 = data;             var dates = [];             var sedi = [];             var professionisti = [];             console.log("qua3");             (var = 0; < events.length; i++) {               if (dates.indexof(events[i].day) === -1) {                 var date = events[i].day;                 dates.push(date);                 result.events.push({                   date: date                 });               }               if (sedi.indexof(events[i].sede) === -1) {                 var sede = events[i].sede;                 sedi.push(sede);                 result.events2.push({                   sede: sede                 });               }               if (professionisti.indexof(events[i].professionista) === -1) {                 var professionista = events[i].professionista;                 professionisti.push(professionista);                 result.events3.push({                   professionista: professionista                 });               }               var = 0;               var found = false;               while (a < result.schedules2.length) {                   if (events[i].sede === result.schedules2[a].sede && events[i].professionista === result.schedules2[a].professionista) {                       found = true;                   }                   a++;               }               if (found == false) {                   result.schedules2.push({                     sede: events[i].sede,                     professionista: events[i].professionista                   });               }               var = 0;               var found = false;               while (a < result.schedules3.length) {                   if (events[i].sede === result.schedules3[a].sede && events[i].professionista === result.schedules3[a].professionista && events[i].day === result.schedules3[a].date) {                       found = true;                   }                   a++;               }               if (found == false) {                   console.log("olee");                   result.schedules3.push({                     sede: events[i].sede,                     professionista: events[i].professionista,                     date: events[i].day                   });               }               result.schedules.push({                 sede: events[i].sede,                 professionista: events[i].professionista,                 date: events[i].day,                 time: events[i].time                 //console.log("qua4");               });             }             console.log(result);         })         </script>          <div ng-app="ionicapp" ng-controller="timescontroller ctrl">             <div align="center">                 <p style="font-size: 22px;">inserisci appuntamento</p>                 <br>                 <div class="list" align="center">                         <div class="input-label">                         </div>                         <select style="width: 75%;" ng-options="event event.sede event in ctrl.data.events2" ng-model="ctrl.form.sede">                             <option value="" disabled>seleziona sede</option>                         </select>                 </div><br>                 <div class="list" align="center">                         <div class="input-label">                         </div>                         <select style="width: 75%;" ng-options="schedule schedule.professionista schedule in ctrl.data.schedules2| filter: { sede: ctrl.form.sede.sede}" ng-model="ctrl.form.professionista" ng-disabled="!ctrl.form.sede">                             <option value="" disabled>seleziona professionista</option>                         </select>                 </div><br>                 <div class="list" align="center">                         <div class="input-label">                         </div>                         <select style="width: 75%;" ng-options="schedule schedule.date schedule in ctrl.data.schedules3| filter: { professionista: ctrl.form.professionista.professionista, sede: ctrl.form.sede.sede}" ng-model="ctrl.form.giorno" ng-disabled="!ctrl.form.professionista">                             <option value="" disabled>seleziona giorno</option>                         </select>                 </div><br>                 <div class="list" align="center">                         <div class="input-label">                         </div>                         <select style="width: 75%;" ng-options="schedule schedule.time schedule in ctrl.data.schedules| filter: { date: ctrl.form.giorno.date, professionista: ctrl.form.professionista.professionista, sede: ctrl.form.sede.sede}" ng-model="ctrl.form.ora" ng-disabled="!ctrl.form.giorno">                             <option value="" disabled>seleziona orario</option>                         </select>                 </div><br>             </div>         </div>

can me solve it?

thank's

angular.module('app', []).controller('myctrl', function ($scope) {          $scope.list = [{          id: 27,          name: "loruth water point",          latitude: 4.453488123,          longitude: 35.36021409      }, {          id: 28,          name: "kibish",          latitude: 5.286289986,          longitude: 35.82917452      }, {          id: 30,          name: "ekalale",          latitude: 4.434588531,          longitude: 35.72135923      }, {          id: 34,          name: "karubangorok",          latitude: 4.506236007,          longitude: 35.4201746      }, {          id: 35,          name: "nakitoe kakumon",          latitude: 4.214576564,          longitude: 35.35912495      }, {          id: 36,          name: "kaikor mission",          latitude: 4.516645656,          longitude: 35.42262991      }];    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>    <div ng-app="app">      <div ng-controller="myctrl">           <h2>list:</h2>  <p>          <select ng-model="selecteditem" ng-options="item.name item in list">              <option value="">-- choose --</option>          </select>                </p>          <p>              <h2>selected:</h2>              {{selecteditem.name}}          </p>      </div>  </div>

check example once.


Comments

Post a Comment

Popular posts from this blog

networking - Vagrant-provisioned VirtualBox VM is not reachable from Ubuntu host -

this question exact duplicate of: puphpet/vagrant: unable access lamp vm ip address 1 answer i following basic vagrant tutorial , vagrant provisions box on ubuntu without complaining. moreover, can vagrant ssh vm. however, vm not reachable host: it's not possible ping it's ip address. what have achieved: installed virtualbox (5.1.24 r117012 (qt5.5.1)) , vagrant (1.9.7) onto ubuntu (16.04.2 lts) machine. provisioned vm vagrant up , vagrant finishes job , not complain. vagrant ssh works. i have manually installed lighttpd on guest vm , can ping/curl address: localhost within guest vm. this when trying reach guest vm host: ~/tmp/myfirstvagrantproject$ ping 172.22.22.22 ping 172.22.22.22 (172.22.22.22) 56(84) bytes of data. ... icmp_seq=4 destination net unreachable ... 171 packets transmitted, 0 received, +21 errors, 100% packet loss, time 173...
Read more

c# - ASP.NET Core - There is already an object named 'AspNetRoles' in the database -

i'm receiving error applicationdbcontext database when trying update entity framework. i've googled, tried fixes here on so, no avail. i'm deleting database each time make change, once deploy, not option. here's error: pm> update-database -context applicationdbcontext system.data.sqlclient.sqlexception: there object named 'aspnetroles' in database. @ system.data.sqlclient.sqlconnection.onerror(sqlexception exception, boolean breakconnection, action 1 wrapcloseinaction) @ system.data.sqlclient.tdsparser.throwexceptionandwarning(tdsparserstateobject stateobj, boolean callerhasconnectionlock, boolean asyncclose) @ system.data.sqlclient.tdsparser.tryrun(runbehavior runbehavior, sqlcommand cmdhandler, sqldatareader datastream, bulkcopysimpleresultset bulkcopyhandler, tdsparserstateobject stateobj, boolean& dataready) @ system.data.sqlclient.sqlcommand.runexecutenonquerytds(string methodname, boolean async, int32 timeout, boolean...
Read more

android - IllegalStateException: Cannot call this method while RecyclerView is computing a layout or scrolling -

i trying remove item recyclerview , error. java.lang.illegalstateexception: cannot call method while recyclerview computing layout or scrolling i using notifydatasetchanged() . how can solve this? here adapter code public class listadapters extends recyclerview.adapter<listadapters.myviewholder> { public arraylist<string> tvdatalist; context c; int pos; listadapters.myviewholder myviewholder; private layoutinflater layoutinflater; int[] arr; public class myviewholder extends recyclerview.viewholder implements view.onclicklistener { public edittext edttxt; public checkbox cb; public myviewholder(view view) { super(view); edttxt = (edittext) view.findviewbyid(r.id.edttxt); cb = (checkbox) view.findviewbyid(r.id.cb); } @override public void onclick(view v) { } } public listadapters(context c, arraylist<string> tvdatali...
Read more