如何使用angular存储html中的数据/参数?

时间:2015-04-17 08:00:24

标签: javascript html angularjs dom web

如果我有一个评论帖子,我想回复评论帖子,我必须

  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中的每个表单都正确地存储父和用户的参数,以便它反映帖子的父级和用户评论它?

1 个答案:

答案 0 :(得分:0)

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

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();

关于您需要做的所有事情,数据将被绑定到您的表单。

干杯