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

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

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

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

1
2
3
4
//新增
          vm.create = function () {
              openCreateOrEditOrder();
          };

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//弹窗
          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文件中要进行相关操作,代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
(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数据的缺失

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

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

页面效果图:

 

 

posted @   代码小白一枚  阅读(1378)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
点击右上角即可分享
微信分享提示