- 一、前言学习了一段时间AngularJS后，开始接触移动端APP开发。为了响应公司开发需求，采用“Hybrid”混血开发方法。采用Ionic作为前端框架，对于小白来说，得一点一点的前进。Ionic和AngularJS的完美融合，可以说是AngularJS的移动端解决方案(正如蒸蒸日上的React Native 是React的移动端解决方案一样。只不过为Facebook所属)，它的核心架构也是... 一、前言学习了一段时间AngularJS后，开始接触移动端APP开发。为了响应公司开发需求，采用“Hybrid”混血开发方法。采用Ionic作为前端框架，对于小白来说，得一点一点的前进。Ionic和AngularJS的完美融合，可以说是AngularJS的移动端解决方案(正如蒸蒸日上的React Native 是React的移动端解决方案一样。只不过为Facebook所属)，它的核心架构也是...
- ng-container 标签只在 design time 可见，运行时会完全从渲染出的 HTML 源代码里被移除。通过 ng-container 加上 SAP Spartacus 自定义实现的 cxFeatureLevel Directive, 可以实现根据配置的 Feature level，动态控制某个页面片段是否显示的效果。如下图所示，红色高亮区域内的 HTML 页面布局，仅当 SAP... ng-container 标签只在 design time 可见，运行时会完全从渲染出的 HTML 源代码里被移除。通过 ng-container 加上 SAP Spartacus 自定义实现的 cxFeatureLevel Directive, 可以实现根据配置的 Feature level，动态控制某个页面片段是否显示的效果。如下图所示，红色高亮区域内的 HTML 页面布局，仅当 SAP...
- String Template（字符串模板）在很多编程语言和框架中都支持，是一个很有用的特性。本文将Jerry工作中使用到的String Template的特性做一个总结。 ES6阮一峰老师有一个专门的网站介绍ES6入门，还出了一本书： 《ECMAScript6标准入门》。http://es6.ruanyifeng.com/我们来看看ES6里的String Template。首先看下面这段代... String Template（字符串模板）在很多编程语言和框架中都支持，是一个很有用的特性。本文将Jerry工作中使用到的String Template的特性做一个总结。 ES6阮一峰老师有一个专门的网站介绍ES6入门，还出了一本书： 《ECMAScript6标准入门》。http://es6.ruanyifeng.com/我们来看看ES6里的String Template。首先看下面这段代...
- 同 SAP Fiori 一样，SAP Spartacus 里也有大量的自定义 icon 设计，比如下图的 iconTypes.RESET:需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码：动态创建新的 link 标签，并加载对应的 css：css 地址：https://use.fontawesome.com/releases/v5.8.1/css/all.... 同 SAP Fiori 一样，SAP Spartacus 里也有大量的自定义 icon 设计，比如下图的 iconTypes.RESET:需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码：动态创建新的 link 标签，并加载对应的 css：css 地址：https://use.fontawesome.com/releases/v5.8.1/css/all....
- 这是一篇讲解Angular4框架中路由Router类中navigate跳转的基本用法。 这是一篇讲解Angular4框架中路由Router类中navigate跳转的基本用法。
- outlet 或者在SAP Spartacus中硬编码，或者通过CMS driven.Angular里添加自定义UI的原理是基于TemplateRef, 通过ng-template Component 添加。cxOutletRef是 Angular directive的selector:通过==OutletRefModule==暴露给消费者。Just a simple piece of co... outlet 或者在SAP Spartacus中硬编码，或者通过CMS driven.Angular里添加自定义UI的原理是基于TemplateRef, 通过ng-template Component 添加。cxOutletRef是 Angular directive的selector:通过==OutletRefModule==暴露给消费者。Just a simple piece of co...
- Tree-shakable dependencies in Angular projectsTree-shakable 依赖更容易推理和编译成更小的包。Angular 模块 (NgModules) 曾经是提供应用程序范围依赖项（例如常量、配置、函数和基于类的服务）的主要方式。 从 Angular 版本 6 开始，我们可以创建可摇树的依赖项，甚至可以忽略 Angular 模块。 Angular... Tree-shakable dependencies in Angular projectsTree-shakable 依赖更容易推理和编译成更小的包。Angular 模块 (NgModules) 曾经是提供应用程序范围依赖项（例如常量、配置、函数和基于类的服务）的主要方式。 从 Angular 版本 6 开始，我们可以创建可摇树的依赖项，甚至可以忽略 Angular 模块。 Angular...
- 原文：Faking dependencies in Angular applications使用 Angular 依赖注入系统的强大功能，我们可以伪造特定的用例。 这对于自动化测试很有用，但在本文中，我们将研究一种将其用于手动测试的方法。为了让我们的生活更轻松，我们将创建一个浏览器伪造组件，由于自定义结构指令，该组件仅在开发模式下启用。 为了好玩，我们将添加文本管道以在我们的组件模板中使用常... 原文：Faking dependencies in Angular applications使用 Angular 依赖注入系统的强大功能，我们可以伪造特定的用例。 这对于自动化测试很有用，但在本文中，我们将研究一种将其用于手动测试的方法。为了让我们的生活更轻松，我们将创建一个浏览器伪造组件，由于自定义结构指令，该组件仅在开发模式下启用。 为了好玩，我们将添加文本管道以在我们的组件模板中使用常...
- 原文：Testing and faking Angular dependencies依赖注入是 Angular 的一个关键特性。这种灵活的方法使我们的可声明和基于类的服务更容易隔离测试。可摇树依赖项移除了间接层 即Angular 模块，但我们如何测试它们的可摇树 provider？我们将测试依赖于特定平台 API 的注入令牌的值工厂。某些组件具有特定于浏览器的功能。我们将一起测试通知用户我们... 原文：Testing and faking Angular dependencies依赖注入是 Angular 的一个关键特性。这种灵活的方法使我们的可声明和基于类的服务更容易隔离测试。可摇树依赖项移除了间接层 即Angular 模块，但我们如何测试它们的可摇树 provider？我们将测试依赖于特定平台 API 的注入令牌的值工厂。某些组件具有特定于浏览器的功能。我们将一起测试通知用户我们...
- 原文今天当我在做 Angular 开发时，一个知识点引起了我的注意：在检查 DOM 时，我看到 ngcontent 被 Angular 应用于元素。 嗯……如果它们包含了最终 DOM 中的元素，那么 <ng-container> 有什么用？ 当时我对 <ng-container> 和 <ng-content> 的区别感到困惑。在寻求知道我的问题的答案的过程中，我发现了 <ng-templat... 原文今天当我在做 Angular 开发时，一个知识点引起了我的注意：在检查 DOM 时，我看到 ngcontent 被 Angular 应用于元素。 嗯……如果它们包含了最终 DOM 中的元素，那么 <ng-container> 有什么用？ 当时我对 <ng-container> 和 <ng-content> 的区别感到困惑。在寻求知道我的问题的答案的过程中，我发现了 <ng-templat...
- 官网：https://angular.io/api/router/RouterOutlet#descriptionActs as a placeholder that Angular dynamically fills based on the current router state.RouterOutlet作为place holder，Angular会基于当前路由状态动态地填充内容进来。... 官网：https://angular.io/api/router/RouterOutlet#descriptionActs as a placeholder that Angular dynamically fills based on the current router state.RouterOutlet作为place holder，Angular会基于当前路由状态动态地填充内容进来。...
- 举个例子，从8到9更新： "@angular/animations": "8.2.12", "@angular/common": "8.2.12", "@angular/compiler": "8.2.12", "@angular/core": "8.2.12", "@angular/forms": "8.2.12", "@angular/platform-b... 举个例子，从8到9更新： "@angular/animations": "8.2.12", "@angular/common": "8.2.12", "@angular/compiler": "8.2.12", "@angular/core": "8.2.12", "@angular/forms": "8.2.12", "@angular/platform-b...
- jQWidgets组件比较多，本次研究挑选两个组件演示：样式文件引入： <link rel="stylesheet" type="text/css" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css"> <link rel="stylesheet" type="text/css" href="http... jQWidgets组件比较多，本次研究挑选两个组件演示：样式文件引入： <link rel="stylesheet" type="text/css" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css"> <link rel="stylesheet" type="text/css" href="http...
- 本文章实践了在Angular9框架，使用Jointjs组件，进行图可视化编辑。涉及Angular9原生拖拽的实现，指令的使用。实现图的拖拽，链接，编辑等可视化操作。 适用范围包括流程编排，算法编排，工艺编排等低代码开发领域。 本文章实践了在Angular9框架，使用Jointjs组件，进行图可视化编辑。涉及Angular9原生拖拽的实现，指令的使用。实现图的拖拽，链接，编辑等可视化操作。 适用范围包括流程编排，算法编排，工艺编排等低代码开发领域。
- 安装程序库：npm install --s @angular/cdk引入模块：import { DragDropModule } from '@angular/cdk/drag-drop'; imports: [ DragDropModule, ],下面的例子是四个区域的拖动（模板）：<div class="container-board"> <div class="sect... 安装程序库：npm install --s @angular/cdk引入模块：import { DragDropModule } from '@angular/cdk/drag-drop'; imports: [ DragDropModule, ],下面的例子是四个区域的拖动（模板）：<div class="container-board"> <div class="sect...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签