以ng-repeat错误重置范围数据

时间:2015-10-03 19:43:27

标签: angularjs multidimensional-array angularjs-scope angularjs-ng-repeat

我无法重置范围模型。我确信我犯的一个明显的错误对我来说并不那么明显。



<div class="" ng-repeat="comment in comments">
	<div class="feed-entry">
		<div class="user-image-round" ng-style="{'background-image':'url({{ comment.comment_user_image }})'}"></div>
			<div class="right-text-section">
				<div class="commentor-name">{{comment.comment_user}}</div>
				<p class="comment-text">{{ comment.comment_text }}</p>
				
							
		<div class="divider"></div>
		<div class="" ng-repeat="entry in comment.comment_response_entries">
			<div class="comment-entry">
				<div class="commenter-image-round" ng-style="{'background-image':'url({{ entry.user_image }})'}">
				</div>
				<div class="right-text-section">
				  <div class="commentor-name">{{entry.user_name}}</div>
				  <p class="comment-text">{{ entry.response_entry }}</p>
								
				</div>
			</div>
		</div>	
	</div>
	<div class="comment-post">
		<form ng-submit="addComment($index, sub_comment)">
			<textarea class="text-area" placeholder="Write a comment" ng-model="sub_comment" required></textarea>
			<button class="post-button">Post</button>
		</form>
	 </div>
  </div>
</div>
&#13;
&#13;
&#13;

&#13;
&#13;
angular.module('App')
	.controller('CampaignCtrl', function ($scope){


$scope.addComment = function(index, subcomment){			
  $scope.comments[index].comment_response_entries.push({
    user_name : 'Daniel Tawfik',
    user_image : '/images/crowdcitizen/daniel-tawfik.jpg',
    response_date : 'October 1xt, 2015',
    response_entry : subcomment,
    response_entry_likes : 0,
    response_entry_liked : false,
  });
  $scope.sub_comment = '';

}

}
&#13;
&#13;
&#13;

我对评论进行了重复。在每个评论条目上,用户应该能够发布对评论的回复。 ng-sumbmit调用addComment,它接受注释索引将一个comment_reponse_entry对象推送到数组中。这很好。

我遇到的问题是当我使用$ scope.sub_comment =&#39;&#39;重置范围模型时textarea值不会更新。似乎范围已经改变,但我似乎无法再次访问它。

0 个答案:

没有答案