AngularJS - 单击时将参数从主模板传递到部分模板

时间:2016-11-08 16:06:50

标签: javascript angularjs

我正在尝试在主视图中单击时将值传递给部分模板控制器。我将值传递给主控制器没有问题,但我不知道如何将它传递给“test-template.html”控制器。目标是在主视图中的$ scope更改时仅刷新部分视图。提前感谢您的帮助。

<md-list flex>
<md-subheader class="md-no-sticky">Topic 1</md-subheader>
<md-list-item class="md-3-line" ng-repeat="item in items" ng-click="PassValue(item.ID)">
    <div class="md-list-item-text" layout="column">
        <p>{{ item.ID }}</p>
        <p>{{ item.Name }}</p>
        <h4>{{ item.Description }}</h4>
    </div>
</md-list-item>
</md-content>
<div layout="column" style="min-width: 75%;">
<md-toolbar>
    <h4 class="md-toolbar-tools">Documents: </h4>
</md-toolbar>
<div ng-include src='"../HtmlTemplates/test-template.html"' ng-controller="TestTemplController" onload="hi(item.TopicID)"></div>
</div>

1 个答案:

答案 0 :(得分:1)

如果模板使用不同的控制器,则无法执行此操作。

您可以使用服务/工厂在控制器之间共享变量