如何访问包含ng的部分中父作用域中定义的元素

时间:2013-03-14 08:26:58

标签: angularjs

我正在尝试在我的应用程序中为一些视图使用公共部分模板。但由于某种原因,partial不加载父作用域中定义的元素(很可能是因为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>

common partial.html

{{ 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}}

0 个答案:

没有答案