Sending values of hidden fields with AngularJS using ng-value

Question

I need to send the value of a hidden field with ng-value I place the code which I am sending a text content type

<form>
          <div class="comment_it commentupdate">
            <div class="up_img">
              <img src="" width="35" height="35" />
            </div>
            <div class="comments-text-post-area">
              <input type="hidden" ng-model="c.cid"  ng-value="'{{p.id}}'">
              <textarea class="add-y-comment" ng-model="c.comment" placeholder="Comentar"></textarea>
            </div>

            <div class="comment-post-wall">
              <div class="cancel-comment">


                  <button type="button" name="button" class="mdl-button mdl-js-button mdl-button--raised" id="" rel="">CANCELAR</button>

              </div>
              <div class="send-comment">

                    <button type="submit" name="button" class="mdl-button mdl-js-button mdl-button--raised" ng-click="c.addComment()">ENVIAR</button>

              </div>
            </div>

          </div>
        </form>

In the console Chrome only captures me the written text in the textarea. p.id is the value of post to comment

angular .module('apiFromApp')

.controller('CommentController', CommentController);

CommentController.$inject = ['$http'];

/* @ngInject */
function CommentController($http) {
    var self = this;

    //sendComment();

    self.addComment = function() {
      console.log(self.cid);
    }
}

have a look at this stackoverflow.com/a/18446730/1054978 , it addresses the same problem — Ram Mourya
– Ram Mourya, Commented May 10, 2016 at 11:01

Hadi · Accepted Answer · 2016-05-10 10:51:13Z

1

try this

  <input type="hidden" ng-model="c.cid"  ng-value="c.cid = p.id">

var app = angular.module("app",[]);

app.controller("MyCtrl" , function($scope){
  
  $scope.pid = 4;
  $scope.addComment = function(){
    alert($scope.cid);
    }
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
   
  <input type="hidden" ng-model="cid"  ng-value="cid = pid">
  <button type="submit" name="button" ng-click="addComment()">ENVIAR</button>
  
</div>

answered May 10, 2016 at 10:51

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sending values of hidden fields with AngularJS using ng-value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related