angularjs - 1 つのファイルですべてのビューが定義された AngularJS アプリを作成する方法は?

Question

1 つのファイルに含まれる AngularJS を使用してアプリを作成したいと考えています。jQuery Mobile のマルチページ テンプレートに似たもの。でいくつかの div を定義するとよいでしょうng-controller。それぞれがテンプレートを持つコントローラーを表します。代わりに、 angular-ui-router にはtemplateUrlまたはtemplate文字列が必要なようです。それを行うエレガントな方法はありますか？

Answer 1

script確かに、次のようにテンプレートをタグ ディレクティブに入れることができます。

<script type="text/ng-template" id="page1.html">

    <h1>Page 1</h1> <b>markup</b>

</script>

<script type="text/ng-template" id="page2.html">

    <h2>Page 2</h2> here we go

</script>

そして、次のrouteProviderようにカスタマイズします。

$routeProvider.when('/page1', {

  templateUrl : "page1.html"

}).when('/page2', {

  templateUrl : "page2.html"

}).otherwise({

  redirectTo: 'page1' 

});

例: http://plnkr.co/edit/akd7gX?p=preview