Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.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 如何删除AngularJS中的动态隐藏类?_Javascript_Angularjs - Fatal编程技术网

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->