javascript - Angular js 中的单击文本区域框

标签 javascript jquery html angularjs

我是 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中实现这一点。

最佳答案

您可以按如下方式在图像上应用 ng-click

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

并且您可以定义文本区域,当 showTextArea 为 true 时,您可以在其中使用 ng-show 显示 is。

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

关于javascript - Angular js 中的单击文本区域框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39073179/

相关文章:

javascript - 通过 3 个数组进行过滤以对数据进行排序

javascript - 在reactjs中分配状态常量

javascript - .on 不能代替 live 工作

jquery - 如何将 div 扩展到浏览器高度或宽度,同时保持其比例? [内图]

HTML 边框放置

javascript - 在 p5.js 中单击按钮更改图像

javascript - 为mousein和mouseout设置超时,当mouseleave时不等待?

jquery - 如何更改多个 Accordion 的箭头?

javascript - 仅在 html 打印中删除/隐藏最后一页

php - Ajax 实时文本框按下所有 Html 元素