单击Angular js中的Textarea框

Question

我是angular.js的新手。我想知道如何在点击图片时添加文字区域。

.......
.....
.....
</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>
.....
.....

我的问题是当我点击reason.png时，需要在下表中显示文本区域。如何在Angular js中实现这一点。

Answer 1

您可以按以下方式对图像应用ng-click

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

您可以定义文本区域，您可以使用ng-show显示showTextArea是否为真。

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