- 本文介绍笔者在 Angular 项目开发过程中对 Operator TakeUntil 的使用经验。 本文介绍笔者在 Angular 项目开发过程中对 Operator TakeUntil 的使用经验。
- 当某些异步任务永远挂起时，SSR 渲染可能永远不会完成，例如http 调用后端 API。在 Angular Universal 中，默认情况下无法中止挂起的渲染。那么渲染的资源没有释放，会导致内存泄漏。当内存泄漏重复时，这可能最终导致服务器由于内存不足而重新启动。我们已经采取了一些措施来改善渲染挂起时的监控体验 - 我们添加了配置 SsrOptimizationOptions.maxRend... 当某些异步任务永远挂起时，SSR 渲染可能永远不会完成，例如http 调用后端 API。在 Angular Universal 中，默认情况下无法中止挂起的渲染。那么渲染的资源没有释放，会导致内存泄漏。当内存泄漏重复时，这可能最终导致服务器由于内存不足而重新启动。我们已经采取了一些措施来改善渲染挂起时的监控体验 - 我们添加了配置 SsrOptimizationOptions.maxRend...
- 本文介绍笔者在实际 Angular 项目中学习到的如何将全局 styles 文件应用到 Component 的开发技巧。 本文介绍笔者在实际 Angular 项目中学习到的如何将全局 styles 文件应用到 Component 的开发技巧。
- 本文介绍笔者在实际的 Angular 项目过程中积累的关于 scss 使用的一些实战技巧。 本文介绍笔者在实际的 Angular 项目过程中积累的关于 scss 使用的一些实战技巧。
- SwitchMap 常见错误的发生场景介绍下面是一个在 Effect 里使用 SwitchMap 的例子：从购物车里移除某个行项目@Effect()public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action => this.backend .... SwitchMap 常见错误的发生场景介绍下面是一个在 Effect 里使用 SwitchMap 的例子：从购物车里移除某个行项目@Effect()public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action => this.backend ....
- 在 SSR 模式下运行的 JS Storefront 应用程序中改善内存消耗的最强大工具之一是 SSR 缓存，有两种方法： 不推荐的做法：直接在服务器上缓存渲染的 SSR 页面。 在生产环境中不建议这样做，因为它不能很好地扩展，并且最终需要比不启用 SSR 缓存时消耗更多的内存。 推荐的做法：在 CDN 上缓存渲染的 SSR 页面。 这可以提高 SSR 应用的性能。 在 SSR 模式下运行的 JS Storefront 应用程序中改善内存消耗的最强大工具之一是 SSR 缓存，有两种方法： 不推荐的做法：直接在服务器上缓存渲染的 SSR 页面。 在生产环境中不建议这样做，因为它不能很好地扩展，并且最终需要比不启用 SSR 缓存时消耗更多的内存。 推荐的做法：在 CDN 上缓存渲染的 SSR 页面。 这可以提高 SSR 应用的性能。
- AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示： <input type="text" ng-model="topic.title" /> 只需要用ng-model 与 $scope 中的属性对应，即实现了type=”text” 的双向动态绑定。当 <input type="radio" /> 及 <... AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示： <input type="text" ng-model="topic.title" /> 只需要用ng-model 与 $scope 中的属性对应，即实现了type=”text” 的双向动态绑定。当 <input type="radio" /> 及 <...
- 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:View视图:<... 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:View视图:<...
- 效果 实现首先，我们先建立一些数据，当然你可以从你任何地方读出你的数据var app = angular.module('plunker', ['ui.bootstrap']);app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.employees =[{id:101, name:'Joh... 效果 实现首先，我们先建立一些数据，当然你可以从你任何地方读出你的数据var app = angular.module('plunker', ['ui.bootstrap']);app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.employees =[{id:101, name:'Joh...
- 我们可以在这个 FormGroup 构造函数的属性里，再增添一个类型为 FormGroup 的实例，形成嵌套的 form：每一次显式调用 new 创建 FormGroup 和 FormControl 实例显得很繁琐。其实我们可以使用 FormBuilder 通过工厂模式创建。profileForm = this.fb.group({ firstName: ['Jerry'], l... 我们可以在这个 FormGroup 构造函数的属性里，再增添一个类型为 FormGroup 的实例，形成嵌套的 form：每一次显式调用 new 创建 FormGroup 和 FormControl 实例显得很繁琐。其实我们可以使用 FormBuilder 通过工厂模式创建。profileForm = this.fb.group({ firstName: ['Jerry'], l...
- 导入 FormControl:import { FormControl } from '@angular/forms';在 Component 里创建一个 name 实例，类型为 FormControl：name = new FormControl('Jerry');通过构造函数 FormControl 设置初始值。在 HTML 文件里，将 element 同 Component 的 nam... 导入 FormControl:import { FormControl } from '@angular/forms';在 Component 里创建一个 name 实例，类型为 FormControl：name = new FormControl('Jerry');通过构造函数 FormControl 设置初始值。在 HTML 文件里，将 element 同 Component 的 nam...
- 问题描述我有这样一个 Angular Component，模板文件如下：@Component({selector: ‘example-app’,template: `<pane id=“1” *ngIf=“shouldShow”></pane><pane id=“2” *ngIf="!shouldShow"></pane><button (click)="toggle()">Toggle<... 问题描述我有这样一个 Angular Component，模板文件如下：@Component({selector: ‘example-app’,template: `<pane id=“1” *ngIf=“shouldShow”></pane><pane id=“2” *ngIf="!shouldShow"></pane><button (click)="toggle()">Toggle<...
- 问题描述我创建了一个 selector 为 app-content-section 的 Component，用于容纳内容投影(content projection)：这个 Component 的模板区域，分别定义了三个 div 区域，里面包含了对应的内容投影占位符 ng-content:第一个绿色区域接收所有 div 标签，第二个蓝色区域接收所有包含了 css class content-... 问题描述我创建了一个 selector 为 app-content-section 的 Component，用于容纳内容投影(content projection)：这个 Component 的模板区域，分别定义了三个 div 区域，里面包含了对应的内容投影占位符 ng-content:第一个绿色区域接收所有 div 标签，第二个蓝色区域接收所有包含了 css class content-...
- 问题描述本文涉及到的代码位置：https://github.com/wangzixi-diablo/ngDynamic看这样一组 parent Component 和 child Component：@Component({ selector: 'child', template: `<span>I am a child.</span>` }) export class C... 问题描述本文涉及到的代码位置：https://github.com/wangzixi-diablo/ngDynamic看这样一组 parent Component 和 child Component：@Component({ selector: 'child', template: `<span>I am a child.</span>` }) export class C...
- 问题描述本文涉及到的代码位置：https://github.com/wangzixi-diablo/ngDynamic我有一个能接受内容投影的 Angular Component：使用如下代码消费这个 Component：但是遇到运行时错误，如下图所示。点击 template.html:7:3: 问题分析抛出该错误消息的函数实现：/** * Returns the value associ... 问题描述本文涉及到的代码位置：https://github.com/wangzixi-diablo/ngDynamic我有一个能接受内容投影的 Angular Component：使用如下代码消费这个 Component：但是遇到运行时错误，如下图所示。点击 template.html:7:3: 问题分析抛出该错误消息的函数实现：/** * Returns the value associ...
上滑加载中
推荐直播
-
基于OpenHarmony的计算机学科人才培养经验分享2024/11/28 周四 19:00-21:00
华为开发者布道师、兰州大学信息科学与工程学院教授周睿
老师们、同学们，这里有不容错过的精彩！ 想了解计算机类人才培养存在哪些挑战？想知道OpenHarmony如何应用于人才培养？本次直播，为你分享基于它的科创实践、专业社团实践和教学实践途径，培养学术型、应用型和复合型精英人才。快来报名，开启提升之旅！
回顾中 -
全面解析华为云EI-API服务：理论基础与实践应用指南2024/11/29 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播给大家带来的是理论与实践结合的华为云EI-API的服务介绍。从“主要功能，应用场景，实践案例，调用流程”四个维度来深入解析“语音交互API，文字识别API，自然语言处理API，图像识别API及图像搜索API”五大场景下API服务，同时结合实验，来加深开发者对API服务理解。
去报名 -
华为ICT大赛2024-2025 编程赛-鸿蒙技术赋能2024/12/01 周日 14:00-18:00
赵小刚 武汉大学计算机学院软件工程系 副教授
本期直播将与您一起交流学习OpenHarmony 物联网应用开发，助力您在华为ICT大赛2024-2025编程赛中取得好成绩。
即将直播
热门标签