前后端交互中出现的问题(一)

1.data 数据缺失  在新增js文件中

   <button class="btn btn-info"   ng-click="vm.create()"><i class="fa fa-plus"></i>新增</button>

 在页面上的新增按钮添加了点击事件,来实现录入数据

  //新增
            vm.create = function () {
                openCreateOrEditOrder();
            };

 设置按钮点击触发的函数,之后调用该函数

  //弹窗
            function openCreateOrEditOrder() {
                var modalInstance = $uibModal.open({
                    templateUrl: '~/App/Main/views/international/policy/fluxCache/createOrEditModal.cshtml',
                    controller: 'app.views.international.policy.fluxCache.createOrEditModel as vm',
                    backdrop: 'static'
                    //size: 'lg'//lg:大窗口弹窗,默认的为小窗口弹窗
                    //resolve: {
                    //    data: function () {
                    //        return data;
                    //    }
                    //}
                });
                modalInstance.result.then(function (result) {
                    vm.getFluxCacheMx();//调用查询的函数
                });
            };

之后在新增的js文件中要进行相关操作,代码如下

(function () {
    appModule.controller('app.views.international.policy.fluxCache.createOrEditModel', [
        '$scope', '$uibModalInstance',
        function ($scope, $uibModalInstance) {
            var vm = this;
            vm.saving = false;
            //界面输入正则验证条件
            vm.patternCarrier = app.consts.patterns.carriers;
            vm.patternCity = app.consts.patterns.cityCodes;
                vm.data = {
                    tripType: '1',
                    departCode: '',
                    arriveCode: '',
                    goFlightDateRange: '',
                    backFlightDateRange: '',
                    cacheDays:''
                };
          
            //保存操作
            //vm.save = function () {
            //    //如果单程,回程日期为空
            //    if (vm.data.tripType == 1)
            //        vm.data.backFlightDateRange = null;
            //    vm.saving = true;
            //    ctripPolicyService.createOrUpdatePolicy(
            //        vm.data
            //        ).success(function (result) {
            //                    if (result.code) {
            //                        abp.notify.success(result.message);
            //                        $uibModalInstance.close();
            //                    } else {
            //                        abp.notify.error(result.message);
            //                    }
            //        })
            //        .finally(function () {
            //            vm.saving = false;
            //        });
            //};

            //取消操作
            vm.cancel = function () {
                $uibModalInstance.dismiss();
            };
        }
    ]);
})();

 现在就出现了一个很容易忽略的问题,data数据的缺失

appModule.controller('app.views.domestic.airweb.3u.modal', [
        '$scope','$uibModalInstance', 'uiGridConstants', 'abp.services.app.airWeb','data',
        function ($scope, $uibModalInstance, uiGridConstants, airwebService,data) {

 请求头上要定义data参数,后面才可以调用

页面效果图:

 

 

posted @ 2017-04-13 11:17  代码小白一枚  阅读(1377)  评论(0编辑  收藏  举报