4

現在、次のシナリオで ui-router を構成する可能性を調査しています。誰かがこれを達成する方法を知っていれば、それは素晴らしいことです。

ナビゲーション付きのシンプルな 1 ページ レイアウトがあります。各ナビゲーション アイテムには、コンテンツを含む div ボックスがあります。1 つのページで複数の状態を定義するにはどうすればよいですか (ナビゲーション項目ごとに、別のコントローラーとテンプレートを使用して 1 つの状態を定義します)。

その後、ナビゲーション項目をクリックして対応する div コンテナーにスクロールすると、ソリューションを実装したいと思います。基本的にこれは HTML アンカーで作成されていますが、ui-router でこれを解決するにはどうすればよいですか? それとも、これは可能ではなく、別々のビューで 1 つの状態を作成する必要がありますか?

必要なレイアウトを示すサンプル画像の下:

レイアウト例

うまくいけば、誰かがそれに対する解決策を持っています。

前もってありがとう、
xyNNN

4

1 に答える 1

1

ui-router を使用すると、1 つのページに複数のビューを表示できます。したがって、次のようなことができるようになります。

$stateProvider
.state('main',{
  views: {
    'contentSite1': {
      templateUrl: 'site1.html',
      controller: function($scope){}
    },
    'contentSite2': {
      templateUrl: 'site2.html',
      controller: function($scope){}
    },
    'contentSite3': {
      templateUrl: 'site3.html',
      controller: function($scope){}
    },
  }
});

詳細な説明のリンクは次のとおりですhttps://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

于 2015-03-21T00:12:56.503 に答える