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

Popular posts from this blog

html - How to set bootstrap input responsive width? -

javascript - Highchart x and y axes data from json -

javascript - Get js console.log as python variable in QWebView pyqt -