アプリケーションのいくつかのビューに共通の部分テンプレートを使用しようとしています。しかし、何らかの理由で、パーシャルは親スコープで定義された要素をロードしません (おそらく 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}}