ionic简单路由及页面传参
生活随笔
收集整理的這篇文章主要介紹了
ionic简单路由及页面传参
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1)頁面跳轉及傳參方法
angular.module('app.routes', [])//routes路由模型 .config(function($stateProvider, $urlRouterProvider) {$stateProvider.state('page1', {url: '/page1',//路由地址templateUrl: 'templates/page1.html',//實際模型文件controller: 'page1Ctrl',//控制器params:{aa:'aa',bb:'bb'}//自定義頁面參數 }).state('page2', {url: '/page2',templateUrl: 'templates/page2.html',controller: 'page2Ctrl',params:{cc:'cc',dd:'dd'}});$urlRouterProvider.otherwise('/home');//找不到鏈接跳這個,相當于404跳轉 });?
?
2、使用控制器及接收參數
angular.module('app.controllers', []).controller('page1Ctrl', ['$scope', '$stateParams', function ($scope, $stateParams) {//$scope 是場景控制入口//stateParams 傳遞過來的頁面參數 console.log($stateParams); }])?
轉載于:https://www.cnblogs.com/tujia/p/6050563.html
總結
以上是生活随笔為你收集整理的ionic简单路由及页面传参的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 排序之外部排序
- 下一篇: 快速排序【记录一下代码】