邢台建设局网站,用手机网站做app,域名解析网站建设,亚马逊雨林原始部落在实际开发中会遇到很多类似模块界面大体都一致只是极少的细节部分不一样#xff0c;这时不管是在html页面还有js及数据交互的时候我们就没必要因为这些不同的页面分出不同的文件#xff0c;这样很浪费内存及效率#xff0c;于是我在开发中想到一种办法#xff1a;通过ng路…在实际开发中会遇到很多类似模块界面大体都一致只是极少的细节部分不一样这时不管是在html页面还有js及数据交互的时候我们就没必要因为这些不同的页面分出不同的文件这样很浪费内存及效率于是我在开发中想到一种办法通过ng路由传递参数使其多个页面都可以使用一套总体的文件来管理编辑。这样既提高开发效率也节省资源内存。 首先在列表数据中链接设置跳转路由及参数多个参数可以使用对象方法传递这里我使用对象传递两个参数一个是跳转过去的详情查询ID另一个就是页面的标识符 1 div classcol-md-3 itemPr
2 a target_blank ui-srefbargainDetail({id:b.id,appDetail:RENTDetail})
3 h4产品总价: span ng-bindb.realReceivable/span元/h4
4 h4 ng-ifb.received已收金额: span ng-bindb.received/span元/h4
5 /a
6 /div 然后设置此路由并接受路由中的参数 1 // 产品公共详情2 .state(residenceResourceDetails,{3 url:/residenceResourceDetails/:id/:appDetail,4 views:{5 ts-view:{6 controller:residenceResourceDetailsCtrl,7 templateUrl:tpl/resourceRent/residenceResourceDetails.html8 }9 }
10 }) 接下来在对应中的控制器中接受路由传递的参数并做以下设置 1 // 接口设置2 if($stateParams.appDetailRENTDetail){ // 示例13 $scope.xxxxxionBTNfalse; // XXXXX 显示隐藏4 $scope.xxxxxionPAGEURLxxxxxList; // XXXXX 接口地址5 $scope.xxxxxmissionURLxxxxxission; // XXXXX 接口地址6 $scope.xxxxxommissionURLxxxxxission; // XXXXX 接口地址7 $scope.xxxxxtCommissionConfirmTimeURLxxxxxfirmTime; // XXXXX 接口地址8 $scope.xxxxxtCommissionAuditTimeURLxxxxxditTime; // XXXXX 接口地址9 $scope.xxxxxinURLxxxxxondHouse; // XXXXX 接口地址
10
11 }else if($stateParams.appDetailSELLDetail){ // 示例2
12 $scope.xxxxxonBTNtrue; // XXXXX 显示隐藏
13 $scope.xxxxxPAGEURLxxxxxsionList; // XXXXX 接口地址
14 $scope.xxxxxssionURLxxxxxmission; // XXXXX 接口地址
15 $scope.xxxxxsionURLxxxxxssion; // XXXXX 接口地址
16 $scope.xxxxxfirmTimeURLxxxxxfirmTime; // XXXXX 接口地址
17 $scope.xxxxxonAuditTimeURLxxxxxAuditTime; // XXXXX 接口地址
18 $scope.xxxxxinURLxxxxxdHouse; // XXXXX 接口地址
19
20 }else if($stateParams.appDetailNEWDetail){ // 示例3
21 $scope.xxxxxPAGEURLxxxxxsionList; // XXXXX 接口地址
22 $scope.xxxxxRLxxxxxuse; // XXXXX 接口地址
23 $scope.xxxxxionURLxxxxxission; // XXXXX 接口地址
24 $scope.xxxxxmmissionURLxxxxxssion; // XXXXX 接口地址
25 $scope.xxxxxrmTimeURLxxxxxfirmTime; // XXXXX 接口地址
26 $scope.xxxxxditTimeURLxxxxxitTime; // XXXXX 接口地址
27 } 以上是在一个公共页面中路由分别传递过来的参数通过传递过来的参数我们在控制器中注入 $stateParams 服务来接收参数上面的每个分支判断中都是一个页面的数据接口及哪些按钮展示哪些按钮不展示这样一来在一个公共的html页面中展示通过模块的链接控制他的链接显示隐藏在通过列表中的链接控制详情中的数据显示通过这些操作只需要有不同的导航及一个公共页面一个公共控制器文件就可以解决多个模块类似的页面显示及数据交互这样操作大大节省了资源占用及开发速度。转载于:https://www.cnblogs.com/l000/p/8398050.html
