AngularJs1.X学习--路由

发布时间:2017-7-1 11:19:23编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"AngularJs1.X学习--路由 ",主要涉及到AngularJs1.X学习--路由 方面的内容,对于AngularJs1.X学习--路由 感兴趣的同学可以参考一下。

【三种使用说明:】

$stateProvider.state('station.printQRCode', {                //params: { 'parentOfficeId': null }, //一次性参数---printQRCode                //url: '/printQRCode?:parentOfficeId', //URL参数--printQRCode?parentOfficeId=1                url: '/printQRCode/:parentOfficeId', //URL参数--printQRCode/1                 templateUrl: '~/App/station/views/stationsmanagement/printQRCode.cshtml'            });
  • params: { 'parentOfficeId': null }        (http(s)://*****/printQRCode)

       使用这种方式,路由到的目标页面,只能在第一次加载的时候获取到参数值;一刷新页面,该参数值就不存在了! 

  • url: '/printQRCode?:parentOfficeId'       (http(s)://*****/printQRCode?parentOfficeId=10)
  • url: '/printQRCode/:parentOfficeId'       (http(s)://*****/printQRCode/10)

【html页面中使用:】

  <a ui-sref="station.printQRCode({parentOfficeId:{{vm.pOfficeId}}})"><i class="fa fa-plus"></i> @L("PrintQRCode")</a>

【Js文件中获取参数的方式:】

(function () {    appModule.controller('cdode', [        '$scope', '$stateParams',function ($scope, $stateParams) {            
         vm.parentOfficeId = ($stateParams.parentOfficeId || ""); //获取参数
 } ]); 
})();

注意:多参数后续遇到再补充:)



上一篇:链接服务器 因为它不存在或者您没有所需的权限。处理
下一篇:ionic2中跨页面回传值

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款