当前位置:首页>开发>正文

如何利用AngularJS框架中指令控制元素显示隐藏 AngularJS 怎么隐藏DIV

2023-04-19 13:59:25 互联网 未知 开发

 如何利用AngularJS框架中指令控制元素显示隐藏 AngularJS 怎么隐藏DIV

如何利用AngularJS框架中指令控制元素显示隐藏



比如this is a div which is show

你设置isShow为true则显示,设置为false则隐藏
你把jq的代码用到angularjs有用才是特殊呢
用原生js
onmouseover(){
$scope.isShow=true
}
或者写
onmouseover(){
this.nextSibling.style.visibility=visible
}
反之写hidden
用了angluarjs就别总想着jq

AngularJS 怎么隐藏DIV

使用ng-hide 或者ng-show
比如

this is a div which is show

你设置isShow为true则显示,设置为false则隐藏
ng-hide用法相同,效果相反

关于javascript控制div显示隐藏的问题

隐藏不是改变一下display就行了么
if(dis == || dis==none){
button.value = 开启查询
dis="block"
}else{
button.value = 关闭查询
dis="none"
}

div 的显示隐藏问题