javascript - 如何清除 ng-include 中的表单

Question

我有一个带有可重用模式的 html 模板，它像这样包含在 ng 中:

myPartial.html

... SOME HTML ...
<ng-include src="'form.html'"></ng-include>

模态.html

...
<form>
  <input ng-model="comment.value" />
  <button type="submit" ng-click="save(comment.value)" />
</form>
...

清除表单的最佳方法是什么——特别是从 Controller (如果可能的话)。我想在成功的 http 调用后从我的 save() 方法中清除表单，但由于 ng-include 创建了它自己的范围，我不知道如何执行此操作。

这是一个展示我的问题的插件:http://plnkr.co/edit/zkxZOZr3f7sHJZfCiuoT?p=preview

如果您将 form.html 的内容直接放入 index.html 中，它就可以正常工作。

Answer 1

你快明白了。只需初始化 Controller 中的注释实例并在保存中更新正确的值即可。我相信您遇到的行为称为“原型(prototype)继承”，您可以在 Understanding scopes 中阅读它。 。顺便说一句，这并不是 AngularJS 独有的，也可以在常规 JavaScript 中找到。

angular.module('app', []).controller('appcontroller', function($scope) {

  // create comment
  $scope.comment = { value: 'test' };
  $scope.save = function(value) {
    console.log('in here ');

    // and update comment.value, not comment.
    $scope.comment.value = null;
  };
});

我更新了您的plunker .