如何使用角度将数据/参数存储在html中？答案

【问题标题】：How to store data/parameters in html using angular?如何使用角度将数据/参数存储在html中？
【发布时间】：2015-06-23 23:16:56
【问题描述】：

如果我有评论线程，并且我想回复评论线程，我将不得不这样做

  return $http.post('/reply/', {
    user: username,
    test: text ,
    parent: parent
  }).then(registerSuccessFn, registerErrorFn);

html 应该是

  <form role="form" ng-submit="vm.reply()">
    <div class="form-group">
      <label for="user">User</label>
      <input type="text" class="form-control" id="user" ng-model="vm.user" placeholder="ex. john" />
    </div>

    <div class="form-group">
      <label for="text">text</label>
      <input type="text" class="form-control" id="text" ng-model="vm.text" placeholder="text" />
    </div>

    <div class="form-group">
      <label for="parent">parent</label>
      <input type="text" class="form-control" id="parent" ng-model="vm.parent" placeholder="parent" />
    </div>

    <div class="form-group">
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>
  </form>

但是问题是父级和用户应该是动态生成的，我如何动态生成表单，以便 html 中的每个表单正确存储父级和用户的参数，从而反映帖子和用户的父级评论一下？

【问题讨论】：

标签： javascript html angularjs dom web

【解决方案1】：

您可以将表单所在的页面（或者只是表单本身）绑定到控制器，例如我的表单控制器。然后在最初加载页面/表单时，确保加载parent 和user 信息并存储在您的$scope.vm 模型中。注意 - 我当然假设您的数据库中有 parent 和 user 信息，因为您说它们将是动态生成的。

var loadData = function () {
  $http.get(user_url).success(function (user) {
    $scope.vm.user = user;
  });
  $http.get(parent_url).success(function (parent) {
    $scope.vm.parent = parent;
  });
};
loadData();

这就是您需要做的所有事情，数据将绑定到您的表单。

干杯

【讨论】：