Dynamic ng-init set value in Angularjs

Question

I want to initiate ng-init on page load. I have task.id that fetch with Restangular and my html is:

<textarea rows="5" ng-model="comment.comment_text"></textarea>{{task.id}}
<input type="hidden" ng-model="comment.task_id" ng-init="comment.task_id = $scope.task.id">   
<button type="submit" class="btn btn-success" ng-click="create(comment)">Send</button>

and angular controller:

$scope.create = function(comment) {
     console.log(comment);
};

When click on button show result in console:

{comment_text: "test", task_id: undefined }

But I want to show like this:

{comment_text: "test" ,task_id:53}

It should be ng-init="comment.task_id = task.id" whithout $scope — Bob Sponge
– Bob Sponge, Commented Mar 17, 2016 at 8:05
I solved problem with add ng-if="task.id!==undefined". how to resolve problem without ng-if — Ehsan Ali
– Ehsan Ali, Commented Mar 17, 2016 at 10:57

Ivoglent Nguyen · Accepted Answer · 2016-03-17 08:08:05Z

1

Try :

ng-init="comment.task_id = task.id"

or you can set from controller

$scope.comment.task_id  =$scope.task.id

or input value

<input type="hidden" ng-model="comment.task_id" value="{{task.id}}" />

answered Mar 17, 2016 at 8:08

Ivoglent Nguyen

5063 silver badges9 bronze badges

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

5 Comments

Ivoglent Nguyen Over a year ago

is there $scope.task.id exist?

Ehsan Ali Over a year ago

I solved problem with add ng-if="task.id!==undefined". how to resolve problem without ng-if

Ivoglent Nguyen Over a year ago

Three ways i suggested not work? :) Re-check "task" object of $scope is already pushed to the view. Can you show full code in your controller?

Ehsan Ali Over a year ago

Thanks, but I want implement with ng-init. 2nd solution is true but I want to implement with your 1st solution.

Ivoglent Nguyen Over a year ago

Nice! :) post a part of your code (enough to run) to codepen.io then we can find the best solution.

Ahmad Sharif · Accepted Answer · 2016-03-17 08:13:27Z

0

Try

<textarea rows="5" ng-model="comment.comment_text"></textarea>{{task.id}}
<input type="hidden" ng-model="comment.task_id" ng-init="comment.task_id = task.id">   
<button type="submit" class="btn btn-success" ng-click="create(comment)">Send</button>

answered Mar 17, 2016 at 8:13

Ahmad Sharif

4,4536 gold badges40 silver badges51 bronze badges

1 Comment

Ehsan Ali Over a year ago

I solved problem with add ng-if="task.id!==undefined". how to resolve problem without ng-if

Collectives™ on Stack Overflow

Dynamic ng-init set value in Angularjs

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related