ナビゲーションバーでログインボタンとログアウトボタンを非表示にしたり表示したりすることに行き詰まっています。login.html に属する LoginCtrl でいくつかの Cookie を設定しています。ユーザーがログインすると、ルートスコープをいくつかの変数に割り当て、その変数が ngshow/hide に割り当て、HomeCtrl でそれらの Cookie を取得します。私が達成したいのは、ナビゲーションバーの login.html Login 要素のログインボタンをクリックして、ユーザー名要素を表示する必要があることです。plunker で、ローカルのようなネストされた状態を追加すると、結果は同じになります。しかし、ネストされた構造を削除して単純な 2 つの状態を追加すると、機能し始めます。
働く場合:
.state('home', {
templateUrl:'home.html', ===>stores the navbar html
controller: 'HomeCtrl'
})
.state('login', {
templateUrl:'login.html',
controller:'LoginCtrl'
})
動作しないケース:
.state('home', {
templateUrl:'home.html, ===>stores the navbar html
controller: 'HomeCtrl'})
.state('home.login', {
templateUrl:'home.login.html',
controller:'LoginCtrl'})
ログインしたときのログインボタンは配置されていますが、アプリを再実行するとログインボタンがなくなります。 http://plnkr.co/edit/tZuvyrAUD0yCN8a3K5lF