angular.js - angularjs中如何在指令中添加一个函数(方法)用来关闭或者隐藏指令自己生成的html

问题描述

假设有一个hello指令，该指令在ctrlA控制中生成了一个表单dom,在表单上有一个关闭该表单的图标，如何给该图标添加一个函数或者方法用来关闭或者隐藏这个表单dom？

问题解答

操作dom结构 一般都是在指令中进行，所以在构造指令的template中 也就是你构造的html字符串中直接加入函数 比如 ’<form>..<icon ng-click='hideform'>...</form>’ 这样一旦指令生成表单后我们能够在当前指令的link函数中设置一个scope.hideform=function(){}函数来控制form的隐藏和显示，这里需要用到scope和attr都能在link参数中拿得到