$state 不工作

Question

我有 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>

这是 controller ，我使用 $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');})

Answer 1

你没有添加依赖

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

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

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

或

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

angular.module('starter', ['ionic'])