8

私は 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 ビューが再読み込みされないようにする方法はありますか?

4

1 に答える 1