- 一、前言学习了一段时间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...
上滑加载中
推荐直播
-
码道新技能,AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动,聚焦两大 AI 开发场景:通过实战教学,带你打造 AI 编程自动生成视频 Skill,并实现对 GitHub 热门开源项目的智能知识抽取,手把手掌握 Skill 开发全流程,用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道:零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据,采用Transformer算法进行时序预测与涨跌分析,并集成DeepSeek API提供智能解读。同时,项目深度结合华为云CodeArts(码道)的代码智能体能力,实现代码一键推送至云端代码仓库,建立起高效、可协作的团队开发新范式。开发者可快速上手,从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中 -
华为云码道全新升级,多会话并行与多智能体协作2026/05/08 周五 19:00-21:00
王一男-华为云码道产品专家;张嘉冉-华为云码道工程师;胡琦-华为云HCDE;程诗杰-华为云HCDG
华为云码道4月份版本全新升级,此次直播深度解读4月份产品特性,通过“特性解读+实操演示+实战案例+设计创新”的组合,全方位展现码道在多会话并行与多智能体协作方面的能力,赋能开发者提升效率
正在直播
热门标签