zoukankan      html  css  js  c++  java
  • 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);
    }
    
    ])
  • 相关阅读:
    类的加载机制与反射 笔记
    json
    人人都是产品经理 笔记
    java IO
    jcrop+jquery+javaweb 实现头像裁剪、上传
    C++学习-3
    C++学习-2
    C++学习-1
    Django高级部分
    Django---模板
  • 原文地址:https://www.cnblogs.com/tujia/p/6050563.html
Copyright © 2011-2022 走看看