Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击Angular js中的文本区域框_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript 单击Angular js中的文本区域框

Javascript 单击Angular js中的文本区域框,javascript,jquery,html,angularjs,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"></t

我是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>
.....
.....
。。。。。。。
.....
.....
{{stu.rollno}
{{stu.name}
.....
.....

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

您可以在图像上应用ng点击,如下所示

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

当showTextArea为true时,您可以定义您可以使用ng show来显示的文本区域

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

您可以在图像上应用ng,如下所示

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

当showTextArea为true时,您可以定义您可以使用ng show来显示的文本区域

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

非常感谢!我还需要一个疑问。不需要为控制器中显示的文本区域添加任何内容吗?在控制器中,您可以编写$scope.showTextArea=false,甚至在您的html it self中,您可以使用ng init=“showTextArea=false”对其进行初始化,非常感谢!我还需要一个疑问。不需要为控制器中显示的文本区域添加任何内容吗?在控制器中,您可以编写$scope.showTextArea=false,甚至在您的html it self中,您可以使用ng init=“showTextArea=false”初始化它