2016-08-22 20 views
0

我是angular.js的新手我想知道如何在点击图片时添加文本区域。On-click Angular js中的Textarea框

....... 
..... 
..... 
</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,需要在下面table.How中显示的文本区角JS来实现这一目标。

回答

2

您可以将您的图像,如下

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

NG单击,您可以定义文本区域,您可以用NG-秀节目是当showTextArea是真实的。

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

非常感谢!我需要更多的怀疑。无需添加任何文本区域显示在控制器中? – user5863037

+0

在控制器中,您可以编写$ scope.showTextArea = false – Ruhul

+0

甚至在您内部html自己,您可以使用ng-init =“showTextArea = false”来初始化它 – Ruhul