Javascript 如何删除AngularJS中的动态隐藏类?
我必须实现的图像上传功能和问题Javascript 如何删除AngularJS中的动态隐藏类?,javascript,angularjs,Javascript,Angularjs,我必须实现的图像上传功能和问题 在上传图像之前,我已经显示了微调器,我正在使用ng show,但是在元素部分添加了动态class=“ng hide”,我必须删除该类,因为该类为我创建了一个问题,请告诉我如何解决该问题 $scope.backgroundImageURL=[]; $scope.imageLoader=false; $scope.uploadBackgroundImage=函数(事件){ $scope.imageLoader=true; //从输入字段获取值并分配到fireabs
在上传图像之前,我已经显示了微调器,我正在使用ng show,但是在元素部分添加了动态class=“ng hide”,我必须删除该类,因为该类为我创建了一个问题,请告诉我如何解决该问题
$scope.backgroundImageURL=[];
$scope.imageLoader=false;
$scope.uploadBackgroundImage=函数(事件){
$scope.imageLoader=true;
//从输入字段获取值并分配到fireabse节点
var userProductImg=$(“#imgId”)[0]。文件[0];
var PSR=firebase.storage().ref('user/image');
//从节点获取日期并放置imageURL
var rn=new Date().getTime().toString();
var task=PSR.child(rn).put(userProductImg).then(函数(快照){
$timeout(函数(){
$scope.backgroundImageURL.push(snapshot.downloadURL);
$scope.imageLoader=false;
setItem('userImageURL',$scope.backgroundImageURL);
}, 0);
})
}
如果ng show
在这里,我当然会选择ng
:
通过删除或添加.ng隐藏CSS来显示或隐藏元素
类添加到元素上。.ng隐藏CSS类是在中预定义的
AngularJS并将显示样式设置为“无”(使用!键)
旗帜)
:
ngIf指令删除或重新创建DOM树的一部分
基于{表达式}。如果指定给ngIf的表达式计算
如果设置为false值,则该元素将从DOM中删除,否则
元素的克隆将重新插入DOM
记住实际使用一个表达式:
您摆脱了.ng hide
,并拥有更精确的控制,此外,还可以在需要时插入和删除元素,而不仅仅是通过荒谬的显示或隐藏!重要提示
hack 不确定你的html是如何拥有ng隐藏类的。签入JSFIDLE时,它不包含任何nghide类。你能用小提琴来解释一下吗?先生,imagLoader==真的,它不适合我每次在元素部分评论条件吗?嘿@kapilsoni,我不确定我是否理解,你说的“每次在元素部分评论条件”是什么意思?顺便说一句,你写了imagLoader==true
,我猜这是一个打字错误:)先生,检查更新的小提琴我上传了图像,检查imagLoader==true条件?@kapilsoni,小提琴在哪里?正如我从屏幕截图中看到的,当用户选择文件/图像时,会调用uploadBackgroundImage()
。在保存图像时,您可以设置imageLoader=true
和imageLoader=false
。那应该行,看起来还可以。旋转器没有出现吗?顺便说一句,关于“每次在元素部分对条件进行注释”是的,所有这些角度指令都会在代码中写入注释。@kapilsoni,请看这里,只需设置范围变量true或false->