0

我正在尝试对我的应用程序中的几个视图使用通用的部分模板。但是由于某种原因，部分不会加载父范围中定义的元素（很可能是因为 ng-include 创建了一个新的子范围）。如何访问在父范围下定义的元素。

例子：

主要.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}}在视图中调用它会呈现名称但不在使用ng-include我如何{{item.foo}}在 common_template.html 中访问的部分添加？

4

0 回答 0