Question

我有一个表单和一个显示该表单数据的视图。我想分开表单和视图（这将更多）。

这是我的代码：

<div data-ng-controller="dataController" class="container">
    <div data-ng-view></div>
    <div ng-include="templates.simple" scope="data"></div>
</div>

包含的视图显示初始数据良好，但不会对任何数据更改做出反应。我该如何解决？

data是一些字段的对象。 templates.simple是带有模板url

的范围变量

代码示例：http://plnkr.co/edit/ibrsBaq8osYuEODGiM6O

Answer 1

绑定无法正常工作的原因是您正在重新启动createDataController，这会再次为该data模板创建ng-view个对象。这可以通过从路由中删除createDataController控制器来解决。

<强>代码

$routeProvider
    .when('/', {
         templateUrl: 'form.html',
         //controller: 'createDataController'
    })

Plunkr Here

<强>更新

其他方式是如果你想加载你的控制器两次仍然没有任何意义。您可以通过在外部div上编写ng-init来完成此操作，而不是从控制器声明该变量。

<div data-ng-controller="createDataController" ng-init="data = {name: 'texy'}">
    <div data-ng-view></div>
    <div data-ng-include="'template.html'"></div>
</div>

Updated Plunkr

如何在ng-include视图

1 个答案: