Question

我正在显示以下项目列表：

<ul data-ng-controller="TodoController">
  <li data-ng-repeat="todo in model.todos">
    {{todo.id}} : {{todo.name}}
    <a href="#">Edit</a>
    <a href="#">Show</a>
  <li>
</ul>

然后我有两个模板：

<script type="text/ng-template" id="edit">
  Edit template
</script>

<script type="text/ng-template" id="show">
  Show template
</script>

单击按钮编辑或显示时，如何显示每个模板？我怎样才能通过＆＃34;从该行到模板的数据？

我希望使用ng-include，因为我没有使用路由。

Answer 1

非常简单：

<div ng-include="'edit'" ng-if="..." ></div>
<div ng-include="'show'" ng-if="..." ></div>

要在模板中安装控制器，只需添加它们：

<script type="text/ng-template" id="show">
  <div ng-controller="c2">Show template {{obj}}
  </div>

</script>

小插： http://plnkr.co/edit/HgiT61ODZ7uAgq4rGpA5?p=preview

按钮点击时包含模板

1 个答案: