叙述

最近项目中需要根据一个按钮的状态变化去改变操作另外的一个按钮的变化，该如何实现呢，只能够是实时监控了吧。下面来了解一下angular的实时监控技术。

钩子函数DoCheck

变更监测

Angular的变更检测机制配合zone.js来实现，保证组建变化和页面变化同步
浏览器中任何异步事件都会触发检测机制
检测模版所有绑定属性，若改变则相应区域会被更新
需要注意的是：变更检测机制只会把组件属性的改变反应到模版上，不会改变组件值。

DoCheck

检测Angular自身无法捕获的变更并采取行动。
这个钩子的初次调用是因为数据渲染，而后来的仅仅只是点击input框，也会调用ngDoCheck钩子。
使用这个钩子时需注意，用在特定事件发生时才触发业务逻辑，否则会造成后台数据过大。

##项目实践
1、在需要实时监控的ts中引用DoCheck

import { Component, OnInit, DoCheck, Input } from '@angular/core';

2、具体的ngDoCheck方法
当本地存储的summitACFlag值变为true以后，调用该ts的submit方法。

  ngDoCheck(): void {if (localStorage.getItem('summitACFlag') == 'true') {this.submit();localStorage.removeItem('summitACFlag')} else if (localStorage.getItem('saveACFlag') == 'true') {this.save();localStorage.removeItem('saveACFlag')}}

3、本地存储的summitACFlag

小结

很简单的实现，虽然用这种方法，实现了功能，不过既然是实时监控，就很影响效率的哦。
感谢您的阅读~~

angular实时监控技术相关推荐

大数据舆情分析软件实时监控，TOOM大数据处理与舆情监控简介
舆情数据分析处理是指通过使用大数据技术.人工智能.自然语言处理等,从舆情数据中提取信息,进行模型建立.模式识别.情感分析等,从而了解舆论情况.舆情数据分析处理的目的是了解舆论趋势.话题热点.网民情绪等 ...
阿里云应用性能管理(APM)产品-应用实时监控服务(ARMS)技术解密资料下载...
直播大纲 1. 应用性能管理(APM)背景介绍 2. 分布式链路追踪的现状与使用场景 3. ARMS分布式链路追踪的技术实现 4. 最佳实践 (1) 全息排查+场景链路 (2) 前端监控与应用监控融合 ...
使用计算机对炼钢过程进行实时监控,转炉炉气分析与“投弹”检测相结合在自动化炼钢技术中的应用...
转炉炼钢的目的是对兑入转炉的铁水和废钢等原料,采用通过氧枪连续吹氧和加入渣料造渣的方式,不断氧化[Si].[Mn]和去除[P].[S]等杂质,并降低熔池中的碳含量和提升熔池温度的过程.能否实现直接出钢 ...
oracle quest 监控_民航空管的ORACLE RAC数据库实时可视化监控技术
龙源期刊网 http://www.qikan.com.cn 民航空管的 ORACLE RAC 数据库实时可视化监控技术作者:裘禛宇来源:<电子技术与软件工程> 2017 年第 02 ...
计算机云桌面功能实时监控,云桌面技术在高校计算机实验室中的应用原稿（模版2）...
<云桌面技术在高校计算机实验室中的应用(原稿).doc>由会员分享,可免费在线阅读全文,更多与<云桌面技术在高校计算机实验室中的应用(原稿)>相关文档资源请在帮帮文库(www. ...
计算机云桌面功能实时监控,云桌面技术在高校计算机实验室中的应用原稿（手机版）...
<云桌面技术在高校计算机实验室中的应用(原稿).doc>由会员分享,可免费在线阅读全文,更多与<云桌面技术在高校计算机实验室中的应用(原稿)>相关文档资源请在帮帮文库(www. ...
AcrelCloud-1000变电所运维云平台运用互联网和大数据技术，实时监控合理运维
引言传统运维人力投入大,运维效率低.响应慢.比较被动,因为只有在配电回路出现故障之后才能通过电话或其他方式反馈到运维管理人员这里,最终只能达到亡羊补牢的效果.因此防患于未然更是尤为迫切,掌控各个配电 ...
远程实时监控搭建_远程学习的烦恼正在实时展开
远程实时监控搭建重点(Top highlight) 模式匹配(Pattern Matching) Welcome back to Pattern Matching, OneZero's weekly ...
看大众点评如何通过实时监控系统CAT打造7*24服务
为什么80%的码农都做不了架构师?>>> 看大众点评如何通过实时监控系统CAT打造7*24服务 2015-06-08 尤勇高可用架构 https://github.com ...

angular实时监控技术

叙述

钩子函数DoCheck

变更监测

DoCheck

小结

angular实时监控技术相关推荐

最新文章

热门文章