隐藏的表单字段不能在角Js中工作

这里是我在laravel应用程序中的html表单，它有隐藏字段，这些隐藏值需要发送到角度js控制器。隐藏的表单字段不能在角Js中工作

<form accept-charset="UTF-8" enctype="multipart/form-data"> 
    <input name="_token" type="hidden" value="{{ csrf_token() }}"> 
    <input name="user_id" type="hidden" value="{{ Auth::user()->id }}"> 
    <input name="post_id" type="hidden" value="<% post.id %>" > 
    <input name="published_at" type="hidden" value="{{ Carbon\Carbon::today()->format('Y-m-d') }}"> 
    <input class="form-control" placeholder="comment" ng-model="contentField" type="text" > 
    <button type="submit" ng-click="addComment()">comment</button> 
</form>

我的角度控制器是如下

$scope.addComment = function(){ 
    var comment = { 
     user_id: $scope.user_id, 
     content: $scope.contentField, 
     post_id: $scope.post_id, 
     published_at: $scope.published_at 
};

我只得到contentField的值在控制器，请帮我解决这个问题！

来源

2016-06-09 Madhu Sudhan Subedi

我倾向于使用type =“hidden”和value =“..”来支持角度指令ng-hide =“true”和ng-model =“...”。设置值等于某些东西不会将其与角度模型绑定。另外，把你的评论变量放在$ scope中作为$ scope.comment并直接绑定到它，就像ng-model =“comment.user_id” – jbrown

还有其他方法可以在不使用ng-model的情况下发送隐藏表单值吗？ –

看来您在隐藏的导入中缺少ng-model标签。由于角度不知道如何或在何处将隐藏的输入值绑定到$scope。将这些标签添加到所有隐藏的输入应该可以解决在$scope上找不到它们的问题。

来源

2016-06-09 20:16:08 fshaw1

我曾尝试ng-model。没有使用隐藏的领域，它工作正常但不使用隐藏的字段值不发送，这里实际的问题是我必须发送隐藏的值使用窗体的角功能。 –

如果您使用ng-hide而不是type =“hidden”，您将能够根据需要与模型进行交互。 – jbrown

现在它正在工作，但是当使用回调方法推送值时，只有注释被推送到数组。我需要将userName和userImage推送到数组我怎样才能推他们呢。任何想法？ –

隐藏的表单字段不能在角Js中工作

回答

相关问题