您现在的位置:首页 >> 前端 >> 内容

Ionic跳转页面时的参数传递

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

  核心提示:Ionic跳转页面时的参数传递:方法1:通过factory和service和,$cacheFactory.,以service为例在整个项目中是单例的,通过修改service中的值可以在整个项目中共享数...

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'});

Tags:IO ON NI IC 
作者:网络 来源:不详