0

我有 2 页，我想将一个变量从第 1 页传递到第 2 页。

page1.html

<ion-view ion-title="Home">
<ion-content>
    <label class="item item-input">
    <input type="text" placeholder="Enter a value" ng-model="value">
    </label>

    <button class="button button-block button-positive" ng-click="me(value)" >
    Go to List
    </button>

</ion-content>
</ion-view>

这是控制器，我使用 $state 转到第 2 页，我使用 $rootscope 能够使用 page2Controller 中的值

angular.module('starter.controllers', [])
.controller('page1Ctrl', function($rootScope ,$state ) {

    $rootScope.me = function(value)
    {
        $rootScope.value= value;
        $state.go('page2');
    };

});

问题是，当我单击第 1 页中的按钮时，它不会将我带到第 2 页错误在哪里

这是州代码

.config(function($stateProvider, $urlRouterProvider){
$stateProvider  
.state('page1', {
    url: '/page1',
    templateUrl: 'templates/page1.html',    controller: 'page1Ctrl'})   

.state('page2', {
    url: '/page2',  
    templateUrl: 'templates/page2.html',    controller: 'page2Ctrl'})

$urlRouterProvider.otherwise('/page1');})
4

1 回答 1

3

您没有将依赖项添加到

angular.module('starter.controllers', ['ui.router'])
.controller('page1Ctrl', function($rootScope ,$state ) {

    $rootScope.me = function(value)
    {
        $rootScope.value= value;
        $state.go('page2');
    };
});

并在您的 html 文件中引用 js 文件。

或者

如果是离子框架，我建议您在此链接中使用ion-nav-view ，这将在更大程度上减少您的工作量，您的模块依赖于ionic，如下所示

angular.module('starter', ['ionic'])
于 2016-11-02T00:20:50.227 回答