Angular
文章平均质量分 75
Angular9开发教程
X01动力装甲
欢迎进群(959261248)学习交流。
展开
-
Angular main 中的enableProdMode
在TypeScript中,enableProdMode是Angular框架提供的一个函数,通常在Angular应用程序的main.ts文件中调用。在这个例子中,我们从@angular/platform-browser-dynamic模块导入platformBrowserDynamic,并使用它来引导我们的MyModule。总体而言,platformBrowserDynamic是Angular开发Web浏览器的关键部分,因为它允许我们创建一个平台来运行我们的应用程序,并确保它在基于Web的环境中正常工作。原创 2023-10-16 10:38:00 · 884 阅读 · 0 评论 -
RxJS基本概念入门
RxJS代表响应式扩展JavaScript。它是一个用于处理事件流和异步数据流的库,可以将这些流组合起来以产生更复杂的结果。原创 2023-09-01 10:52:10 · 1342 阅读 · 0 评论 -
使用 KeyValueDiffers 检测Angular 对象的变化
ngDoCheck是 Angular 生命周期钩子之一。它允许组件在 Angular 检测到变化时执行自定义的变化检测逻辑。当任何组件或指令的输入属性发生变化、在组件内部发生了变更检测周期或者当主动触发变更检测策略(例如通过方法)时,Angular 会调用ngDoCheck方法。可以利用ngDoCheck钩子来执行自定义检测逻辑,但是需要注意不要滥用它。由于该钩子会频繁触发,所以应该尽量减少其内部逻辑的复杂性和资源消耗。在上面的示例中,实现了DoCheck接口,并使用ngDoCheck方法更新。原创 2023-08-29 18:41:21 · 640 阅读 · 0 评论 -
Angular中的ActivatedRoute和Router
在Angular中,和Router是两个核心的路由服务。他们都提供可以用来检查和操作当前页面路由信息的方法和属性。原创 2023-08-15 13:30:04 · 1540 阅读 · 0 评论 -
Angular 性能优化实战
Angular 是一个非常强大的前端框架,但是如果不注意性能优化,应用程序可能会变得非常慢并增加加载时间。原创 2023-08-14 10:37:33 · 1807 阅读 · 0 评论 -
从安全角度分析Angular本地存储
本地存储是指将数据存储在客户端(即用户的计算机内存或文件系统)而非服务器上。利用本地存储,可以更快地访问已缓存的数据,减轻服务器压力,提高用户体验。常见的本地存储技术有Cookie、Web Storage API和IndexedDB等。原创 2023-08-14 10:33:06 · 1315 阅读 · 0 评论 -
Angular 独立组件入门
通过将应用程序拆分为小型,独立的组件,我们可以更好地管理代码库,并实现更可读,可维护的代码。顾名思义,独立组件就是可以独立使用和管理的组件,它们能够被包含在其他组件中或被其他组件引用。我们进一步探索了Angular CLI如何帮助我们轻松地创建新的独立组件,并讨论了如何使用输入,输出和事件来使组件更加灵活和通用。借助章节中的代码示例,我们可以开始构建自己的独立组件并为我们的应用程序增加更多的功能和复用性。当使用组件时,我们通常需要传递一些数据给它,这些数据可以通过组件的输入属性来实现。原创 2023-08-14 10:30:45 · 1775 阅读 · 1 评论 -
Angular中的管道Pipes
Angular中的管道(Pipes)是一种强大的工具,它可以处理和转换数据,然后将其呈现在视图中。它们可以被用于排序、格式化和过滤数据等任务。在本文中,我们将介绍Angular中的管道以及如何使用它们来简化开发过程。原创 2023-08-14 10:27:40 · 1463 阅读 · 0 评论 -
Angular本地存储最佳实践
本地存储是指将数据存储在客户端(即用户的计算机内存或文件系统)而非服务器上。利用本地存储,可以更快地访问已缓存的数据,减轻服务器压力,提高用户体验。常见的本地存储技术有Cookie、Web Storage API和IndexedDB等。原创 2021-09-24 14:47:51 · 522 阅读 · 0 评论 -
30道Angular经典面试题,背就完事了
在Angular应用程序中,每个组件和服务都可以作为一个注入器的提供者,从而将其依赖项注入到其他组件和服务中。每种类型都有不同的功能和用途。您可以使用Observable和操作符来创建和转换数据流,使用Subject和BehaviorSubject来创建和处理事件流,以及使用Subscription来管理订阅。它允许您将可重用的代码封装成一个可注入的类,并在应用程序的多个组件中共享。通过使用依赖注入,您可以将组件和服务分离,并将它们的依赖关系委托给Angular框架,从而使代码更具可读性和可维护性。原创 2023-04-12 14:24:27 · 6615 阅读 · 0 评论 -
Angular12 + Angular Material
creates new Angular application.ng new library -s -t -S --routing–inline-style -s–inline-template -t–routing-skip-tests -SInstalling packages (npm)...Ten years later……原创 2021-11-19 11:20:16 · 491 阅读 · 0 评论 -
Angular11 and ng-zorro-antd 11
创建一个带路由的ng项目ng new project-name --routing直接enter键(默认都是No),不需要选Yes。进入项目目录ng serve --open打开看下一切正常添加ng-zorro-antdng add ng-zorro-antd选项默认 No语言可以选择中文,模板空模板。指定文件夹创建两个组件:ng g c componens/oneng g c componens/two修改app-routing.module.tsimport { NgMod原创 2021-04-01 19:19:29 · 580 阅读 · 0 评论 -
ngZone.runOutsideAngular
ngZone.runOutsideAngularhttps://segmentfault.com/a/1190000012084251原创 2020-09-23 11:42:55 · 725 阅读 · 0 评论 -
Angular9入门(4)自定义管道
Angular9入门(4)自定义管道angular中管道是干啥的:每个应用开始的时候差不多都是一些简单任务:获取数据、转换它们,然后把它们显示给用户。 获取数据可能简单到创建一个局部变量就行,也可能复杂到从 WebSocket 中获取数据流。一旦取到数据,你就可以把它们原始值的 toString 结果直接推入视图中。 但这种做法很少能具备良好的用户体验。 比如,几乎每个人都更喜欢简单的日期格式,例如1988-04-15,而不是服务端传过来的原始字符串格式 —— Fri Apr 15 1988 0原创 2020-06-08 12:31:17 · 847 阅读 · 0 评论 -
Angular9 animations
Angular9 animations1、 需要引入BrowserAnimationsModuleimport { BrowserModule } from '@angular/platform-browser';import { BrowserAnimationsModule } from '@angular/platform-browser/animations';import { NgModule } from '@angular/core';import { AppComponent原创 2020-05-13 17:51:33 · 496 阅读 · 0 评论 -
Angular9入门(2)
制作一个简易的新闻发布页面完成后的效果如下图所示:1、新建一个angular应用ng new angular9-reddit2、添加css,案例的样式采用的是semantic ui。具体用法可以参考下面的网站,别参考那本书。网站:https://1.semantic-ui.com/ <link rel="stylesheet" type="text/...原创 2020-03-27 16:01:55 · 589 阅读 · 0 评论 -
Angular9入门(1)
环境搭建参考文档:https://angular.cn/guide/setup-local第 1 步:安装 Angular CLI你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。全局安装 Angular CLI。要使用 npm 命令安装 CLI,请打开终端/控制台窗口,输入如下命令:npm install -g @ang...原创 2020-02-27 10:55:41 · 732 阅读 · 0 评论