angular4强制刷新视图的方法

 更新时间:2018年10月09日 14:16:18   作者:一只萌新喵  
今天小编就为大家分享一篇angular4强制刷新视图的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

使用angular的过程中有时会出现数据已经更新了,但是对于的视图没有更新,针对这一情况,可以是用angular提供的方法强制更新视图。

这里使用NGZone来更新视图

import {NgZone} from '@angular/core';
 constructor(private zone: NgZone) {
 this.zone.run(() => {
  // 要更新视图的代码
 })
}

以上这篇angular4强制刷新视图的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • AngularJS中$apply方法和$watch方法用法总结

    AngularJS中$apply方法和$watch方法用法总结

    这篇文章主要介绍了AngularJS中$apply方法和$watch方法用法,结合实例形式总结分析了$apply方法和$watch方法的功能、参数含义、使用技巧与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • 使用Angular CDK实现一个Service弹出Toast组件功能

    使用Angular CDK实现一个Service弹出Toast组件功能

    本文主要写用cdk实现一个简单的Toast组件,使用的是cdk中的overlay模块,需要手动安装环境,具体安装方法及相关实现代码跟随小编一起看看吧
    2021-07-07
  • angular第三方包开发整理(小结)

    angular第三方包开发整理(小结)

    本篇文章主要介绍了angular第三方包开发整理(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • angular异步验证防抖踩坑实录

    angular异步验证防抖踩坑实录

    这篇文章主要给大家介绍了关于angular异步验证防抖踩坑的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用angular具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • Angular之jwt令牌身份验证的实现

    Angular之jwt令牌身份验证的实现

    这篇文章主要介绍了Angular之jwt令牌身份验证的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • Angular自定义指令Tooltip的方法实例

    Angular自定义指令Tooltip的方法实例

    现实世界千变万化,区区几种内置指令不可能满足所有的需求,下面这篇文章主要给大家介绍了关于Angular自定义指令Tooltip的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 详解Angularjs 如何自定义Img的ng-load 事件

    详解Angularjs 如何自定义Img的ng-load 事件

    本篇文章主要介绍了详解Angularjs 如何自定义Img的ng-load 事件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Angular4学习笔记router的简单使用

    Angular4学习笔记router的简单使用

    本篇文章主要介绍了Angular4学习笔记router的简单使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Angular实现双向折叠列表组件的示例代码

    Angular实现双向折叠列表组件的示例代码

    本篇文章主要介绍了Angular实现双向折叠列表组件的示例代码,分为左右两组,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 详解Angular之路由基础

    详解Angular之路由基础

    单页应用中,组件时构建应用的基础元素,页面展示什么内容均是靠页面有什么组件决定的,而展示什么组件又是由一组路由(带有Url元素的特定集合,可用于导航视图)决定的,希望本文可以帮助读者了解路由的基础概念和基础使用、写法。
    2021-05-05

最新评论