站内搜索:
首页 >> 前端 >> 内容
Ionic跳转页面时的参数传递

时间:2017/4/18 9:49:00

Ionic跳转页面时的参数传递:方法1:通过factory和service和,$cacheFactory.,以service为例在整个项目中是单例的,通过修改service中的值可以在整个项目中共享数据,达到参数传递的目的。简单的说在service定义了一个‘变量’并将要传递的值复制给这个变量,再跳转到B页面,在B页面取’变量‘的值,等同于是A页面传递值给B页面。

方法2:通过地址栏参数传递

这个就我我之前熟悉的类似于get请求来传递参数。只是书写方式上略有不同

在state配置的时候定义要传递的变量(有两种方法)
注意看url,表示要传一个叫provider的参数

      .state('thirtylogin', {
        url: '/thirtylogin/:provider',
        controller: 'ThirtyLoginController',
        templateUrl: 'views/login/thirtylogin.html'
      })

或者是
(注意看params)

      .state('thirtylogin', {
        url: '/thirtylogin',
        params: {'provider': null},
        controller: 'ThirtyLoginController',
        templateUrl: 'views/login/thirtylogin.html''
      })
在A页面的写法也有两种
$state.go('thirtylogin', {provider: 'Baidu'});

  • 上一篇:jQuery实现web备忘录
  • 下一篇:浅谈事件冒泡和事件捕获的应用场景——事件代理/事件委托
  • 返回顶部