- 一、前言学习了一段时间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...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签