web-dev-qa-db-ja.com

Angular JSとパーシャル

angular jsの別のページにhtmlページを埋め込むことは可能ですか?

もしそうなら、それを行う方法は?

Here チュートリアルでは、パーシャルはページに埋め込まれていませんが、アイテムの1つをクリックすると移動する別のページのようなものです。 ( デモを参照

32
ParPar

はい、ngIncludeディレクティブを使用して実行できます。

こちらのドキュメントと例をご覧ください: https://docs.angularjs.org/api/ng/directive/ngInclude

32
matys84pl

@Wiltは正しいですが、ここに、より具体的なリンクとコードサンプルがあります( https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view

ルートテンプレートで:

<div ui-view></div>
<div ui-view="chart"></div> 
<div ui-view="data"></div> 

そして、あなたのapp.config関数で

$stateProvider.state("home", {
    views: {
        "": {
            template: "<h1>Some HTML</h1>"
        },
        "chart": {
            templateUrl: "templates/chart.html"
        },
        "data": {
            template: "<data_thing/>"
        }
    }    
})
7
Tom Carchrae

ng-includeは必要なものではありません。angular-ui-routerモジュールをチェックアウトすることをお勧めします。ネストされた並列ビューを実行できます...優れた柔軟性、使いやすさ、および詳細なドキュメントがあります。 https://github.com/angular-ui/ui-router

7
Wilt