0

アプリケーションのいくつかのビューに共通の部分テンプレートを使用しようとしています。しかし、何らかの理由で、パーシャルは親スコープで定義された要素をロードしません (おそらく ng-include が新しい子スコープを作成するためです)。親スコープで定義された要素にアクセスするにはどうすればよいですか。

例:

main.html :

<div id="application" ng-app="myapp">
    <div id="content">
        <!-- Main Application View for Auto Updating -->
        <div ng-view></div>
    </div>
</div>

いくつかのビュー:

<!-- some html -->
<div ng-include="'/partials/common_partial.html'"></div>

共通の partial.html :

{{ item.name }}
{{ item.code }}
{{ item.expiry }}

ここで、コントローラーのスコープ内で要素項目を設定する、common_partials.html を別のビュー/コントローラーに追加したいと考えています。上記のビューのコントローラーで、私はそうします$scope.item = {'name': 'Test', 'code': 'DS3F432DI', 'expiry': '30 Days'}

{{item.name}}ビューで直接呼び出すと、名前がレンダリングされますが、common_template.html でng-includeどのようにアクセスできますか?{{item.foo}}

4

0 に答える 0