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);
    }
    
    ])
  • 相关阅读:
    java 使用相对路径读取文件
    appium 使用过程问题踩坑-笔记
    CentOS下启动Tomcat
    jodis遇到的问题
    CentOS 7.0 防火墙
    sentinel
    keepalived
    在Tomat7上使用Redis保存Session
    Log4j 使用
    java路径问题
  • 原文地址:https://www.cnblogs.com/tujia/p/6050563.html
Copyright © 2011-2022 走看看