AngularJS使用ng选项选择
我正在开发一个应用程序,它应该有一个带有选择框的表单,选择框以JSON数组的形式填充 我的问题是控制器已正确执行,但选择选项未从控制器中填充,而是为空 此id是我的代码:AngularJS使用ng选项选择,angularjs,forms,select,ng-options,Angularjs,Forms,Select,Ng Options,我正在开发一个应用程序,它应该有一个带有选择框的表单,选择框以JSON数组的形式填充 我的问题是控制器已正确执行,但选择选项未从控制器中填充,而是为空 此id是我的代码: <script> angular.module('ionicApp', [ ]) .controller('TimesController', function () { console.log("JavaScript Function");
<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");
for (var i = 0; i < 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 a = 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 a = 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 as 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 as event.sede for 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 as schedule.professionista for 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 as schedule.date for 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 as schedule.time for 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>
角度模块('ionicApp'[
])
.controller('TimesController',函数(){
log(“JavaScript函数”);
var数据=;
控制台日志(数据);
var结果={
事件:[],
事件2:[],
事件3:[],
附表:[],
附表2:[],
附表3:[]
};
var事件=数据;
//控制台日志(“事件”);
//console.log(事件);
var events2=数据;
var events3=数据;
var日期=[];
var-sedi=[];
var professionisti=[];
控制台日志(“qua3”);
对于(var i=0;i
塞雷齐奥纳赛德酒店
专业人士
塞莱齐奥纳吉奥尔诺酒店
奥拉里奥酒店
有人能帮我解决吗
谢谢
angular.module('app',[]).controller('MyCtrl',function($scope){
$scope.list=[{
id:27,
名称:“洛卢斯水点”,
纬度:4.453488123,
经度:35.36021409
}, {
身份证号码:28,
名称:“kibish”,
纬度:5.286289986,
经度:35.82917452
}, {
id:30,
名称:“Ekalale”,
纬度:4.434588531,
经度:35.72135923
}, {
id:34,
名称:“卡鲁班戈罗克”,
纬度:4.50623607,
经度:35.4201746
}, {
身份证号码:35,
名称:“中田角门”,
纬度:4.214576564,
经度:35.35912495
}, {
id:36,
名称:“凯克尔使命”,
纬度:4.516645656,
经度:35.42262991
}];
});代码>
名单:
--选择--
挑选出来的:
{{selectedItem.name}