Angularjs 使用AngularFire创建评论系统_Angularjs_Firebase_Angularfire

Angularjs 使用AngularFire创建评论系统

angularjs firebase

Angularjs 使用AngularFire创建评论系统,angularjs,firebase,angularfire,Angularjs,Firebase,Angularfire,我的身体是这样排列的： <body class="container" ng-controller="ArticleController as data"> <div class="dataholder" ng-repeat="cd in data.datas"> <h1 class="title"> {{cd.name}}<p class="date" ng-show="cd.date.length>0"> @ {{cd.dat

我的身体是这样排列的：

<body class="container" ng-controller="ArticleController as data">
<div class="dataholder" ng-repeat="cd in data.datas">
  <h1 class="title">
    {{cd.name}}<p class="date" ng-show="cd.date.length>0"> @ {{cd.date}}</p>

  </h1>
  <h3 class="description">{{cd.description}}</h3>
  <!-- Comment placement -->
  <div class="commentInput">
  <input class="commentbox" ng-show="cd.commentable==true" type="text" placeholder='Comment on this'>
  <button ng-show="cd.commentable==true" class="button">Post</button>
  </div> 
  <div ng-repeat="comment in cd.comments" ng-show="cd.commentable==true" class="commentdiv">
  <h5>
    {{comment.name}}: <p class="comment">{{comment.text}}<p>
  </h5>
  </div>
</div>

我导入了：*AngularJS、*Firebase、*AngularFire

我已经搜索了很多，还没有找到一种方法使它能够从支持ng repeat的div中将数据发布到firebase。我希望这是一个评论系统。我想做一些类似的事情：

onclick='thisref.push( <text from the input in my body> )'

在我的按钮上

但我不知道如何：根据ng重复位置，让代码知道使用哪个ref。使用输入中的值。请原谅我的错误代码。

我对网页设计非常陌生。

我所做的是在控制器的$scope中添加一个方法：

$scope.addCard = function(state) {
    var auth = $firebaseSimpleLogin(new Firebase(FBURL));
    auth.$getCurrentUser().then(function(user) {
        var card = { title: 'Card '+(cards.length+1), created_by: user.username, created_at: Firebase.ServerValue.TIMESTAMP, state: state };
        cards.$add(card);
    });
};

然后将其连接到HTML中，如下所示：

<a ng-click='addCard(state)' ng-show='auth.user'>Add card</a>

请查看上面的app.js和index.html，您将发现一个完整但最小的应用程序。

我理解，谢谢！但是，我仍然不知道如何将其粘贴到特定的json位置，也不知道如何从同一个div中的输入中获取值。不幸的是，我不知道如何粘贴并不是一个真正的问题。我希望向您指出一个工作示例，并在我的答案中包含相关的标记和代码就足够了。但如果没有，你必须在你的问题上做得更好。单击“编辑”链接，确保我们对您所在位置的复制最少。这可能是一个好主意，也设立一个小提琴再现您的问题，并将其链接到您的问题。