Angular 基于自定义指令的内容投影 content projection 问题的单步调试
问题描述本文涉及到的代码位置:https://github.com/wangzixi-diablo/ngDynamic 我有一个能接受内容投影的 Angular Component: 具体投影内容,通过 ng-container 和指令 ngTemplateOutlet 指定。 ngTemplateOutlet 的来源是 content,这个属性是 Component 通过下列 cont
Angular 内容投影 content projection 关于选择器问题的单步调试
问题描述我定义了一个能够允许消费者 Component 将其自定义内容通过 content projection 投射进来的 Component: import { Component } from '@angular/core'; @Component({ selector: 'app-zippy-basic', template: `
Angular 内容投影 content projection 的一个问题的单步调试
问题描述我使用如下代码测试一个最简单的 Angular 内容投影场景: import { Component } from '@angular/core'; @Component({ selector: 'app-zippy-basic', template: ` <h2>Single-slot content projec
ng-template 使用过程中默认参数不能按照期望工作的问题单步调试
本文涉及到的代码,位于这个 Github 仓库:https://github.com/wangzixi-diablo/ngDynamic 问题描述我使用如下代码进行 ng-template 模板的参数传递: <ng-template #inputTemplateWithContent let-param let-name="name"> <div
ng-template 使用过程中参数传递错误的单步调试
本文涉及到的代码,位于这个 Github 仓库:https://github.com/wangzixi-diablo/ngDynamic 问题描述我使用如下代码,期望在使用 *ngTemplateOutlet 指令动态创建 template 实例时,能够进行参数传递: <ng-template #inputTemplateWithContent let-param let-name=&q
动态创建 @ViewChild 导致运行时错误的原因分析
本文讨论问题的代码,位于 Github:https://github.com/wangzixi-diablo/ngDynamic 问题描述我的 Component 代码如下图所示: 使用依赖注入,引入 ViewContainerRef,从而可以使用其 createEmbeddedView 方法,在运行时动态创建实例。 使用 @ViewChild,获得该 Component HTML
关于施加在 div 标签上的 ngTemplateOutlet 指令让 div class 丢失的问题调试
本文描述的应用代码地址:https://github.com/wangzixi-diablo/ngDynamic 问题描述我在 div 标签页里使用 ngTemplateOutlet 给代码第 11 行的 div 标签动态传入了一个新的模板实例,该实例通过变量 inputTemplate 代表。 运行时,我发现第 11 行的 div 标签,完全被传入的 inputTemplate 变量代表
关于 ng-template 通过 @input 传入另一个 Component 不能工作的问题调试
问题描述本文设计到的代码仓库:https://github.com/wangzixi-diablo/ngDynamic host Component: <ng-template #paramTemplate> <div>我是#paramTemplate里的 div 标签</div> </ng-template> <app-
SAP 电商云 Category Navigation 页面设计
产品是每个目录(catalog)的基本元素。 通过对它们进行分组,您可以按类别(category)排列您的收藏。 为了构建分层的产品结构,可以将产品保存在类别(category)中。 要组织产品,您可以将它们分组到代表逻辑组的类别中。 这使您能够将相关产品组合在一起,例如使用衬衫类别和夹克类别。 您可以将类别与传统商店的部门进行比较。 类别可以包含其他类别,以便您可以将相应的类别包括其产品组合
什么是 ecommerce 的 distributor 概念以及如何实现 website redirect
分销商的意思是指一种致力于为将出售给各种零售商的各种制造商的产品进行库存盘点的企业。 分销商将能够利用更短的交货时间(lead time),并且通常会以比制造商更少的数量销售。 当产品通过经销商而不是直接从制造商处销售时,通常会收取服务费用。 分销商购买非竞争产品或产品线,产品的转售也可以直接面向客户。 分销商通常与制造商签署协议,这限制了他们销售竞争产品。 该协议通常允许分销商将自己描述为
SAP UI5 Library Resource Bundle 的设计原理
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。 SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出 本文介绍这个 Ente
SAP UI5 Currency 数据类型的校验逻辑分析
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。 SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出 调试入口在 Compo
SAP UI5 setProperty 的执行逻辑单步调式和分析
按照 Jerry 这篇文章介绍的代码,运行之后,给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后,触发该数据类型自带的数据校验机制,显示 Enter a number 的错误消息。 SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出 本文介绍 SAP UI
使用 Message Manager 实现开箱即用的验证(Validation)信息抛出
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程
SAP UI5 Label 和 Input 控件文本没有水平对齐的原因分析和解决方案
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程
SAP UI5 应用开发教程之四十三 - SAP UI5 自带的 Support Assistant 工具使用方法介绍
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程
SAP UI5 应用开发教程之四十二 - SAP UI5 自带的 Diagnostics 诊断工具使用方法介绍
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程
SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法
和 Angular,React,Vue 等流行的前端开发框架一样,SAP UI5 在 Chrome 里也有着自己的扩展,称为 UI5 Inspector, 安装之后,在 Chrome 开发者工具里会出现一个新的名为 UI5 的面板。 在本教程之前的步骤里我们或多或少都接触到了这个工具: 本文作为一个专题,来介绍其安装和使用方法。 目录如下: 如何安装 UI5 Inspector方法1
如何制作包含了 component-preload.js 在内的 SAP UI5 发布版本
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP UI5 的引导过程 Bootstrap SAP UI5 应用开发教程之三:开始接触第一个 SAP UI5 控件 SAP UI5 应用开发教程之四:XML 视图初探 SAP UI5 应用开发教程