Javascript 使用ionic时ng选项出错

Javascript 使用ionic时ng选项出错,javascript,angularjs,ionic-framework,ng-options,Javascript,Angularjs,Ionic Framework,Ng Options,我正在使用Ionic开发一个混合应用程序,我的视图有问题,在我的项目中,每个控制器都有一个js文件,在index.html中,我用一个脚本src“包含”它们 所有控制器都工作正常,但在视图中,我有一个问题,就是在表单中填充两个选择项,它们总是空的,但是如果我像一个简单的html文件一样使用它(使用经典结构、头部、身体等),我会在这里包含带有控制器的文件(但声明一个角度模块)并将ng应用程序和ng控制器插入车身,使其正常工作 这是我的代码: HTML: 吉奥尔诺: 塞莱齐亚诺酒店 奥拉: 奥拉

我正在使用Ionic开发一个混合应用程序,我的视图有问题,在我的项目中,每个控制器都有一个js文件,在index.html中,我用一个脚本src“包含”它们

所有控制器都工作正常,但在视图中,我有一个问题,就是在表单中填充两个选择项,它们总是空的,但是如果我像一个简单的html文件一样使用它(使用经典结构、头部、身体等),我会在这里包含带有控制器的文件(但声明一个角度模块)并将ng应用程序和ng控制器插入车身,使其正常工作

这是我的代码:

HTML


吉奥尔诺:
塞莱齐亚诺酒店
奥拉:
奥拉里奥之旅

  • &埃格拉夫·乌尔根扎?
脚本

ionicApp.controller('DefaultController', DefaultController)
  .factory('dataService', dataService);

DefaultController.$inject = ['dataService', '$http'];

function DefaultController(dataService, $http) {
  var vm = this;
  console.log("Dentro ctrl");
  getEvents();

  function getEvents() {
      console.log("Dentro getEvents");
    return dataService.getEvents()
      .then(function (data) {
          console.log("data: " + data);
        vm.data = data;
        console.log("vm.data: " + vm.data);
        return vm.data;
      });
  }
    vm.submit = function (){
        console.log("funzione");
        console.log(vm.form);
        var data = vm.form; // IMPORTANT
        //console.clear();
        var link = 'http://localhost/ShuttleFIX/api/apiDoFix.php';
        var mail = window.localStorage.getItem("mail");
        var scelta = window.localStorage.getItem("scelta");
        console.log(data);
        console.log ("EMAIL" + mail);
        console.log ("SCELTA" + scelta);
        $http.post(link, {giorno: data.giorno, ora: data.ora, mail: mail, scelta: scelta})
            .then(function (res){
                console.log("Dentro http.post");
                var response = res.data;
                if (response != 'F'){
                    console.log("Dentro if");
                    console.log(response);
                    //window.location.href ="/#/main";
                } else {
                    console.log("Dentro else");
                }
            });
    };
}

dataService.$inject = ['$http'];

function dataService($http) {
    console.log("qua");
  var service = {
    getEvents: getEvents
  };

  return service;

  function getEvents() {
      console.log("qua2");
    var config = {
      transformResponse: function (data, headers) {
        var result = {
          events: [],
          schedules: []
        };
        var events = JSON.parse(data);
        var dates = [];
        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
            });
          }

          result.schedules.push({
            date: events[i].day,
            time: events[i].time
          });
        }
        console.log("result: " + result);
        return result;
      }
    };

    return $http.get('http://localhost/ShuttleFIX/api/apiTimes.php', config)
      .then(getEventsCompleted)
      .catch(getEventsFailed);
    function getEventsCompleted(response) {
        console.log("response " + response.data);
      return response.data;
    }

    function getEventsFailed(error) {
      console.error(error);
    }
  }
}
ionicApp.controller('DefaultController',DefaultController)
.工厂(“数据服务”,数据服务);
DefaultController.$inject=['dataService','$http'];
函数DefaultController(数据服务,$http){
var vm=这个;
console.log(“Dentro ctrl”);
getEvents();
函数getEvents(){
console.log(“Dentro getEvents”);
return dataService.getEvents()
.then(功能(数据){
console.log(“数据:”+数据);
vm.data=数据;
console.log(“vm.data:+vm.data”);
返回vm.data;
});
}
vm.submit=函数(){
控制台日志(“funzione”);
console.log(vm.form);
var data=vm.form;//重要
//console.clear();
var-link=http://localhost/ShuttleFIX/api/apiDoFix.php';
var mail=window.localStorage.getItem(“邮件”);
var scelta=window.localStorage.getItem(“scelta”);
控制台日志(数据);
console.log(“电子邮件”+邮件);
console.log(“SCELTA”+SCELTA);
$http.post(链接,{giorno:data.giorno,ora:data.ora,mail:mail,scelta:scelta})
.然后(功能(res){
log(“Dentro http.post”);
var响应=恢复数据;
如果(响应!=“F”){
控制台日志(“Dentro if”);
控制台日志(响应);
//window.location.href=“/#/main”;
}否则{
控制台日志(“Dentro-else”);
}
});
};
}
数据服务.$inject=['$http'];
函数数据服务($http){
控制台日志(“qua”);
var服务={
getEvents:getEvents
};
回程服务;
函数getEvents(){
控制台日志(“qua2”);
变量配置={
transformResponse:函数(数据、标题){
var结果={
事件:[],
附表:[]
};
var events=JSON.parse(数据);
var日期=[];
控制台日志(“qua3”);
对于(var i=0;i
使用此代码执行控制器,但两个选择为空

我怎样才能解决这个问题


谢谢

你用的是哪种离子型/角型?我用的是离子型1和角型1@PaulWasilewski你用的是哪种离子型/角型?我用的是离子型1和角型1@PaulWasilewski
ionicApp.controller('DefaultController', DefaultController)
  .factory('dataService', dataService);

DefaultController.$inject = ['dataService', '$http'];

function DefaultController(dataService, $http) {
  var vm = this;
  console.log("Dentro ctrl");
  getEvents();

  function getEvents() {
      console.log("Dentro getEvents");
    return dataService.getEvents()
      .then(function (data) {
          console.log("data: " + data);
        vm.data = data;
        console.log("vm.data: " + vm.data);
        return vm.data;
      });
  }
    vm.submit = function (){
        console.log("funzione");
        console.log(vm.form);
        var data = vm.form; // IMPORTANT
        //console.clear();
        var link = 'http://localhost/ShuttleFIX/api/apiDoFix.php';
        var mail = window.localStorage.getItem("mail");
        var scelta = window.localStorage.getItem("scelta");
        console.log(data);
        console.log ("EMAIL" + mail);
        console.log ("SCELTA" + scelta);
        $http.post(link, {giorno: data.giorno, ora: data.ora, mail: mail, scelta: scelta})
            .then(function (res){
                console.log("Dentro http.post");
                var response = res.data;
                if (response != 'F'){
                    console.log("Dentro if");
                    console.log(response);
                    //window.location.href ="/#/main";
                } else {
                    console.log("Dentro else");
                }
            });
    };
}

dataService.$inject = ['$http'];

function dataService($http) {
    console.log("qua");
  var service = {
    getEvents: getEvents
  };

  return service;

  function getEvents() {
      console.log("qua2");
    var config = {
      transformResponse: function (data, headers) {
        var result = {
          events: [],
          schedules: []
        };
        var events = JSON.parse(data);
        var dates = [];
        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
            });
          }

          result.schedules.push({
            date: events[i].day,
            time: events[i].time
          });
        }
        console.log("result: " + result);
        return result;
      }
    };

    return $http.get('http://localhost/ShuttleFIX/api/apiTimes.php', config)
      .then(getEventsCompleted)
      .catch(getEventsFailed);
    function getEventsCompleted(response) {
        console.log("response " + response.data);
      return response.data;
    }

    function getEventsFailed(error) {
      console.error(error);
    }
  }
}