AngularJS（Ionic）：无法在其他控制器中发送$ scope信息

Question

我目前正在学习Ionic和AngularJS。我目前正在调整一个在他们的'教程网站'上完美工作的代码，但不是在我的代码中。

下面是我想要做的：我有一个联系人列表显示一些信息，当我点击一个项目时，我想去关联的聊天。

这里有规定：

​​

这里有两个控制器：

.controller('ContactsController', function($scope, $state, $stateParams, ChatService) { 

$scope.toDiscover = function(){ 
    $state.go('discover'); 
}; 

$scope.toDiscussion = function(user_id1, user_id2){ 
    $state.go('conversation', { 
     id1: user_id1, 
     id2: user_id2 
    }); 
}; 

$scope.chats = ChatService.getChats(); 
}) 

.controller('ConversationController', function($scope, $state, $stateParams, ChatService) { 

$scope.toContacts = function(){ 
    $state.go('contacts') 
}; 

$scope.chatId = $stateParams.chatId; 
$scope.chat = ChatService.getChat($scope.chatId); 
}) 

这里就是所谓的服务：

.service('ChatService', function(){ 
    return { 
chats: [ 
    { 
    id: "1", 
    message: "Chat Message 1" 
    }, 
    { 
    id: "2", 
    message: "Chat Message 2" 
    }, 
    { 
    id: "3", 
    message: "Chat Message 3" 
    }, 
    { 
    id: "4", 
    message: "Chat Message 4" 
    }, 
    { 
    id: "5", 
    message: "Chat Message 5" 
    } 
], 
getChats: function(){ 
    return this.chats; 
}, 
getChat: function(chatId) { 
    for(i=0; i<this.chats.length; i++){ 
    if(this.chats[i].id == chatId){ 
     return this.chats[i]; 
    } 
    } 
} 
    } 
}) 

和有关网页（联系人）：

<ion-view view-title="Contacts" ng-controller="ContactsController"> 

<ion-content class="content-img" scroll="" class="padding"> 
    <div class="under-header"></div> 

    <a ng-repeat="chat in chats" class="item item-avatar" ng-click="toDiscussion({{chat.id}}, {{chat.id}})"> 
     <img src="img/launchscreen.png"> 
     <h2><span class="contact-name"> ({{ chat.id }})</span></h2> 
     <p class="preview">Back off, man. I'm a scientist.</p> 
    </a> 
</ion-content> 

对话：

<ion-content class="content-img" scroll="" class="padding"> 
    <div class="under-header"></div> 
    <ion-item><b>Chat:</b> {{ chat.id }}</ion-item> 
    <ion-item><b>Message:</b> {{ chat.message }}</ion-item> 
</ion-content> 

<div class="bar bar-footer bar-light cheam-chatbar" keyboard-attach> 
    <div class="title"><input type="text" name="chatbox" placeholder="send message to"></div> 
</div> 

所以这里的问题：当在谈话中，我可以访问德想要的信息没有任何问题。当我点击一个项目以查看关联的聊天信息时，没有信息显示。

我已经在他们的网站和我的IDE中的代码，似乎没有发现问题。

有人可以解释为什么会发生这种情况？

谢谢！ （对不起，对角的新手问题）

Answer 1

基本上你的方法是好的！

有两件事：将参数从一个状态传递到另一个状态需要在app.js的config部分中有一个适当的状态定义。因此，请确保您已经定义了您的状态 - 如果您需要有关如何定义路线的详细信息以及Ionic中的路线工作方式，请参阅this page right here。

因此，作为一个例子你的状态应该是这样的：

$stateProvider.state(
    // other state definitions .. 
).state('somestate', { 
    url: '/state/:id', // ":id" defines the expected id param 
    templateUrl: 'templates/some-state.html', 
    controller: 'SomeStateCtrl' 
}) 

其次，它没有必要直接modifiy位置。注入$ state服务并让它为您处理所有其他的东西！对于过渡，你需要这样的东西：

$state.go('somestate', { 
    id : 1 
} 

你完成了。您现在可以通过$ stateParams服务访问该ID，就像您已经尝试过的一样！希望这可以帮助你让你的应用程序运行！