Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >材料进度条不适用于*ngIf

材料进度条不适用于*ngIf
EN

Stack Overflow用户
提问于 2017-12-20 21:34:36
回答 2查看 1.5K关注 0票数 0

我想显示一个处理事件的进度条,所以我使用了带有角度条件*ngIf的材料进度条。当我单击一个按钮来处理事件时,它一开始并不会显示,但是当我刷新它显示的浏览器时。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<button type="button" class="btn btn-danger pull-right"
   (click)="scan()">CLICK
</button>

<div *ngIf="isScanning" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>

ts文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
scan() {
        this.isScanning = true;
    }

我遇到的问题是进度条正在工作,但它不适用于*ngIf,但是如果我在按下按钮后重新加载页面,进度条就会显示出来。我不知道这里发生了什么。有什么帮助吗?

EN

回答 2

Stack Overflow用户

发布于 2017-12-21 00:56:55

将其添加到组件中并尝试

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
constructor( private cdr: ChangeDetectorRef){
}

scan() {
        this.isScanning = true;
       this.cdr.detectChanges();
    }
票数 2
EN

Stack Overflow用户

发布于 2017-12-20 22:52:38

尝尝这个

在定义ngModel时,在组件中

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export class yourTsclassname {
   
isScanning:any=false;

    constructor(private http: Http) { }

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47918535

复制
相关文章
PCA不适用于时间序列分析的案例研究
在大部份情况下我们都可以使用 PCA 进行线性降维。从图像处理到非结构化数据,无时无刻不在。我们甚至可以将它用于时间序列分析,虽然有更好的技术。在这篇文章中,我想向您介绍动态模式分解 (DMD),这是一种源自我的研究领域:流体动力学的用于高维时间序列的线性降维技术。DMD 结合了两个世界中的优点:PCA 和傅立叶变换。在数学上,它与动力系统理论中的一个基本算子有关,称为 Koopman 算子。但在深入研究 DMD 的数学之前,让我们用一个相当简单的例子来说明为什么 PCA 不是高维时间序列分析的最佳选择。
deephub
2021/07/23
1.5K0
PCA不适用于时间序列分析的案例研究
前沿 | GAN用于材料设计:哈佛大学新研究登上Science
论文:Inverse molecular design using machine learning: Generative models for matter engineering
机器之心
2018/08/21
1K0
前沿 | GAN用于材料设计:哈佛大学新研究登上Science
观察者模式observer不适用于_观察者模式代码
在软件构建过程中,我们需要为某些对象建立 一种“通知依赖关系” —-一个对象发(目标对象)的状态发生改变,所有依赖的对象(观察者对象)都将很好的得到通知。如果这样的依赖关系过于紧密。将使软件不能很好的抵御变化
全栈程序员站长
2022/09/22
6270
ffmpeg教程 如何输出任务日志?用于进度条显示
一般我们使用ffmpeg对音频和视频进行编辑。因为是命令行操作,所以它不限任何编程语言,net或java程序员都可以使用,只要拼接的参数能被解析就没有问题。如果想玩点高级的,就要深入研究下了。比如今天这个,应该很多人都想实现,就是在ffmpeg执行任务的时候,能够及时返回任务的进度,被可视化控件调用时,可以及时输出任务进度百分比。 传送门 ffmpeg教程 如何输出任务日志?用于进度条显示
用户1219352
2022/10/31
1.2K0
Angular ngIf 跟他的新伙伴 else 和 then
Angular 扩展了ngIf 指令, 加入了两个新伙伴 else 和 then。
mafeifan
2019/02/25
1.5K0
电容材料分类_电容有什么材料
大家好,又见面了,我是你们的朋友全栈君。 转自:https://blog.csdn.net/qq_29350001/article/details/51142105?utm_medium=dist
全栈程序员站长
2022/09/23
1.2K0
电容材料分类_电容有什么材料
Spark Tips 1: RDD的collect action 不适用于单个element size过大的情况
collect是Spark RDD一个非常易用的action,通过collect可以轻易获得一个RDD当中所有的elements。当这些elements是String类型的时候,可以轻易将整个RDD转化成一个List<String>,简直不要太好用。 不过等一等,这么好用的action有一个弱点,它不适合size比较的element。举个例子来说吧。请看下面这段代码: ... ... JavaPairInputDStream<String, String> messages = KafkaUtils.cr
叶锦鲤
2018/03/15
1.2K0
SAP MM里的ERS功能不适用于供应商寄售采购模式
今天收到了一个做零售行业项目的SAP同行的问题,客户问她是否可以在供应商寄售采购流程里启用SAP的ERS功能。我甚为吃惊,感觉这个SAP客户的问题还不简单,不浅薄。同时也觉得这个客户对SAP的学习很积极很主动,居然对很多SAP顾问没有用过的ERS功能有所了解。
SAP虾客
2022/01/25
9580
SAP MM里的ERS功能不适用于供应商寄售采购模式
2021年材料员-岗位技能(材料员)新版试题及材料员-岗位技能(材料员)考试试卷
安全生产模拟考试一点通:硝化工艺考试内容是安全生产模拟考试一点通生成的,硝化工艺证模拟考试题库是根据硝化工艺最新版教材汇编出硝化工艺仿真模拟考试。2021年硝化工艺考试内容及硝化工艺考试报名
全栈程序员站长
2022/09/02
8330
关联规则算法Apriori algorithm详解以及为什么它不适用于所有的推荐系统
Apriori是Agarwal和Srikant在1994年首次提出的一种关联规则挖掘算法,它可以在特定类型的数据中找到关系,并将其表示为规则。关联规则挖掘最常用于营销,特别是在购物车的上下文中。这个应用领域被正式称为“购物车分析”。
deephub
2022/11/11
1.4K0
关联规则算法Apriori algorithm详解以及为什么它不适用于所有的推荐系统
【工程材料B】一:材料力学性能概述
我们可以看到,材料的性能分为材料的使用性能和材料的工艺性能。使用性能是指材料在使用过程中所表现的性能, 包括力学性能、 物理性能、化学性能。工艺性能是指材料在加工过程中所表现的性能,包括锻造、锻压、焊接、热处理和切削加工性能等。
周旋
2020/06/04
3K0
【工程材料B】一:材料力学性能概述
论文研读-用于约束多目标优化的新型双阶段双种群进化算法补充材料
[1] K. Deb, A. Pratap, S. Agarwal, and T. Meyarivan, “A fast and elitist multiobjective genetic algorithm: NSGA-II,” IEEE Trans. Evol. Comput., vol. 6, no. 2, pp. 182–197, 2002.
演化计算与人工智能
2022/03/31
1.3K0
论文研读-用于约束多目标优化的新型双阶段双种群进化算法补充材料
麻省理工新型“人造肌肉”材料,未来或可驱动微型飞行器用于救援搜索
大数据文摘转载自机器人大讲堂 近年来,“人造肌肉”在软体机器人领域受到了极大的关注。 有的小伙伴可能还不知道这是什么黑科技。 其实,“人造肌肉”可以作为软体机器人的驱动材料,它的性能主要取决于所使用的智能材料。 介电弹性体致动器(Dielectric elastomer actuator,以下简称 DEA)作为可用于软体机器人的“肌肉”制作材料,能够基于电场驱动直接把电能转化成机械能。 相比较驱动刚性机器人的压电双晶片和电磁电机等刚性执行器,传统的软执行器已经表现出类似肌肉的特性(高能量密度、鲁棒性等)
大数据文摘
2022/04/07
3410
麻省理工新型“人造肌肉”材料,未来或可驱动微型飞行器用于救援搜索
脑虎科技陶虎:将中国传统材料蚕丝蛋白应用于脑电极植入
脑机接口技术在治疗脑疾病、改善残障人士的生活,以及最终增强和拓展脑功能等方面具有巨大潜力,是当下全球脑科学前沿研究的重要工具,也是脑功能探索和脑疾病诊治的核心关键技术。但传统的诸如Neuralink所采用的侵入式技术路线,很容易产生免疫反应和愈伤组织,不仅会对大脑深层造成损伤,长远也有可能影响电波信号质量。
脑机接口社区
2022/09/22
8950
脑虎科技陶虎:将中国传统材料蚕丝蛋白应用于脑电极植入
什么场景不适合箭头函数
这些年来,ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。
前端小智@大迁世界
2020/05/26
8230
AngularDart 4.0 高级-结构指令 顶
本指南介绍Angular如何用结构指令操纵DOM,以及如何编写自己的结构指令来完成相同的操作。
南郭先生
2018/08/14
16.1K0
AngularDart 4.0 高级-结构指令
                                                    顶
点击加载更多

相似问题

*ngIf="name.invalid“不适用于角质材料

11

Angular - indexOf JS不适用于*ngIf

122

角材料膨胀去除ngIf

20

变量更改检测似乎不适用于ngIf

315

Angular2动画不适用于ngIf

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文