私は ui-router ライブラリを使用している angular.js を使用したかなり単純な todo アプリを持っています。github ( https://github.com/angular-ui/ui-router/tree/master/sample ) で ui-router の例を調べましたが、何が間違っているのかわかりませんでした。私のアプリには、サイドバー ナビゲーション ビュー (ToDo のリストを含む) とコンテンツ ビュー (クリックすると Todo アイテムの詳細が表示される) があります。私が抱えている問題は、/todo/exampleItem に移動すると、コンテンツ ビューが更新され、ナビゲーション パネルも再読み込みされることです。これはアプリの機能には影響しませんが、アイテムをクリックするたびにナビゲーション パネルがちらつくのを避けたいと思います。
状態の変化を処理するコードは次のとおりです。
app.config(function ($stateProvider) {
$stateProvider
.state('todo', {
url: "/todo",
views: {
"navPanel": {
templateUrl: "./navPanel.html",
controller: 'PanelController'
}
}
})
.state('todo/:item', {
url: "/todo/:item",
views: {
"PanelView": {
templateUrl: "./navPanel.html",
controller: 'PanelController'
},
"ContentView": {
templateUrl: "./content.html",
controller: 'ContentController'
}
}
})
});
私の index.html では、ビューは次のように設定されています。
<div class="column" data-ui-view="PanelView"></div>
<div class="column" data-ui-view="ContentView"></div>
新しい項目がクリックされるたびに navPanel ビューが再読み込みされないようにする方法はありますか?