Angularjs 离子视图在更改状态时不更新
我想在爱奥尼亚做一个简单的登录系统。当我输入我的凭证并点击登录时,它会将我带到设置屏幕。它会这样做,但不会更新标题;它仍然显示帐户-它应该显示设置 设置视图:Angularjs 离子视图在更改状态时不更新,angularjs,login,ionic-framework,Angularjs,Login,Ionic Framework,我想在爱奥尼亚做一个简单的登录系统。当我输入我的凭证并点击登录时,它会将我带到设置屏幕。它会这样做,但不会更新标题;它仍然显示帐户-它应该显示设置 设置视图: <ion-view view-title = "Settings"> <ion-nav-buttons side="primary"> <button class="button button-full button-assertive" style = "marg
<ion-view view-title = "Settings">
<ion-nav-buttons side="primary">
<button class="button button-full button-assertive" style = "margin-top: 0px;" ng-click = "signOff()">
Log Off
</button>
</ion-nav-buttons>
<ion-content class="has-header padding">
...
...
...
</ion-content>
</ion-view>
我尝试了$window.location.href而不是$state.go,并且我尝试在我的ion视图中使用ion nav title,但两者仍然产生相同的结果
有什么想法吗
提前感谢
编辑:它似乎还使用帐户控制器而不是设置控制器。如果您可以在再现问题的最简单示例中设置a、a或任何其他游乐场,将更容易为您提供帮助。因此,我们一定要有相关的代码。例如,缺少一个重要的部分:
$state
配置,但它也可以像执行$state.go('tab.settings',{},{reload:true})一样简单代码>而不仅仅是$state.go('tab.settings')代码>这神奇地开始实际工作-我不确定我做了什么让它工作,但现在它工作了…谢谢。哈好的。很高兴听到这个消息。如果你想明白了,如果你认为这可能会帮助更多的读者,你可以在这里发布一个答案
<ion-view view-title="Account">
<ion-nav-buttons side="primary">
<button class="button button-full button-assertive" style = "margin-top: 0px;" ng-click = "signOff()">
Log Off
</button>
</ion-nav-buttons>
<ion-content class = "padding">
<div class="list">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-model = "userName">
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model = "password">
</label>
<button style = "margin: 10px"; class="button button-positive"; ng-click = "logIn(userName, password)">
Log in
</button>
<button style = "margin: 10px"; class="button button-positive"; ng-click = "createAccount(userName, password)">
Create Account
</button>
</div>
</ion-content>
</ion-view>
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- Dashboard Tab -->
<ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash">
<ion-nav-view name="tab-dash"></ion-nav-view>
</ion-tab>
<!-- Chats Tab -->
<ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">
<ion-nav-view name="tab-chats"></ion-nav-view>
</ion-tab>
<!-- Account Tab -->
<ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
<ion-nav-view name="tab-account"></ion-nav-view>
</ion-tab>
<ion-tab title="Settings" hidden="true">
<ion-nav-view name="tab-settings"></ion-nav-view>
</ion-tab>
</ion-tabs>
$scope.logIn = function(userName, password) {
console.log(userName);
console.log(password);
$rootScope.ref.authWithPassword({
email : userName,
password : password
}, function(error, authData) {
if (error) {
console.log("Login Failed!", error);
} else {
console.log("Authenticated successfully with payload:", authData);
$rootScope.isLoggedIn = true;
$state.go('tab.settings');
// $window.location.href = "#/tab/settings";
}
});
};