我正在尝试在我的应用程序中为一些视图使用公共部分模板。但由于某种原因,partial不加载父作用域中定义的元素(很可能是因为ng-include创建了一个新的子作用域)。如何访问父作用域下定义的元素。
<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>
{{ item.name }}
{{ item.code }}
{{ item.expiry }}
现在我想将common_partials.html添加到不同的视图/控制器中,在控制器的范围内我设置了元素项。比如,在上面的视图的控制器中,我做$scope.item = {'name': 'Test', 'code': 'DS3F432DI', 'expiry': '30 Days'}
现在,如果我直接在视图中调用{{item.name}}
,则会使用ng-include
呈现名称,但不能在我添加的部分内,如何在common_template.html中访问{{item.foo}}
?