On-click Textarea box in Angular js

Question

I am new to angular.js I want to know how to add the text area when onclick the image.

.......
.....
.....
</thead>
<tbody>
<tr ng-repeat="stu in Studentlist">
<td>{{stu.rollno}}</td>
<td>{{stu.name}}</td>
<td><img src="assets/img/reason.png"></td>
</tr>
.....
.....

My question is when I am click the reason.png,need to display the text area in below table.How to achive this in Angular js.

Ruhul · Accepted Answer · 2016-08-22 07:07:48Z

2

You can apply ng-click on your image as below

<td><img src="assets/img/reason.png" ng-click="showTextArea=true"></td>

And you can define your text area where you can use ng-show to show is when showTextArea is true.

i.e <textarea ng-show="showTextArea"></textarea>

answered Aug 22, 2016 at 7:07

Ruhul

1,0308 silver badges15 bronze badges

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

3 Comments

user5863037 Over a year ago

Many Thanks ! i need to one more doubt.No need to anything add for text area showing in controller ?

Ruhul Over a year ago

In controller, you can write $scope.showTextArea = false

Ruhul Over a year ago

or even in within you html it self you can initialize it using ng-init="showTextArea = false"

Collectives™ on Stack Overflow

On-click Textarea box in Angular js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related