select - AngularJS ng is ignored -
i'm developing app should have form select boxes populated dinamically json arrays , options depends of choose option in before select.
my problem controller correctly executed select options not populated controller, there empty.
and seems the ng directives ignored
also ng-click directive in button ignored.
can me solve it?
thank's
angular.module('app', []) .controller('timescontroller', function ($http) { console.log("javascript function"); var attivita = <?php echo json_encode($cod_attivita); ?>; var config = { transformresponse: function (data, headers) { var result = { events: [], events2: [], events3: [], schedules: [], schedules2: [], schedules3: [] }; var events = json.parse(data); console.log(events); var events2 = json.parse(data); var events3 = json.parse(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); return result; } }; var email = "assistenza@pgdue.com"; var link = 'http://sviluppo.pgdue.com/shuttle/admin/app-service/get-orari?e='+email+"&attivita="+attivita; console.log(link); return $http.get(link, config) .then(geteventscompleted) .catch(geteventsfailed); function geteventscompleted(response) { console.log(response.data); return response.data; console.log(response.data); } function geteventsfailed(error) { console.error(error); } var submit = function () { console.log("submit function"); } }) <div ng-app="app"> <div align="center" ng-controller="timescontroller ctrl"> <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> <br> <div align="right"> <button ng-click="ctrl.submit()"><p>prenota</p></button> </div>
change
var submit = function () { console.log("submit function"); } to
this.submit = function () { console.log("submit function"); } submit()'ll work sure.
Comments
Post a Comment