常见问题

提问之前,请先查阅下面的常见问题。

基础

ExpressionChangedAfterItHasBeenCheckedError错误

Angular 下常见错误,这篇文章 会帮助你理解原因。

Can'tbindto'formGroup'sinceitisn'taknownpropertyof'form'

Angular 下常见错误,使用 Reactive Forms 需要额外引入 ReactiveFormsModule,可以参考官方文档

数据修改后页面为什么没有更新

NG-ZORRO 及 @yelon/* 组件默认在 OnPush 模式下工作,mutate 对象或者数组不会触发 Angular 的变更检测,请使用 immutable 方式。

如何使用@yelon每日构建版本

NG-YUNZAI 提供一个 yelon-builds 仓储作为每日构建版本,它并不是最终稳定版本,但包含最新已修复BUG、最新功能,要使用可以在根目录创建 yelon.sh

#!/usr/bin/env bash
set -e
echo "Download latest @yelon version"
rm -rf yelon-builds
git clone --depth 1 https://github.com/hbyunzai/yelon-builds.git
rm -rf node_modules/@yelon
rm -rf node_modules/ng-yunzai
rsync -am yelon-builds/ node_modules/
NG_YUNZAI_VERSION=$(node -p "require('./node_modules/ng-yunzai/package.json').version")
rm -rf yelon-builds
echo "Using ng-yunzai version: ${NG_YUNZAI_VERSION}"

当需要使用@yelon的每日构建版本,只需要在运行:

bash yelon.sh

如果是 Windows 环境,请使用 WSL 来执行 Bash 脚本。

安装

为什么找不到ng-zorro-antd/src/*.less样式?

两种情况:

  • 使用 cnpm 安装依赖包,会遇到无法找到样式文件。这是由于 cnpm 采用的是软链接路径形式,导致 ng-zorro-antd 文件夹名有所变动,因此建议改用 yarn 安装依赖包,如果是网络因素,请参考下方的如何正确使用淘宝源。

  • ng-zorro-antd 版本过旧导致部分组件无法加载到相应样式

如何使用其他镜像源?

安装 nnrm 插件。

# 安装 nnrm
npm install -g nnrm
# 将Npm切换至淘宝源(不同 npm 源管理器命令有点不一样,更多细节请参考 nnrm 文档)
nnrm use taobao

配置

如何本地部署antd图标?

首先,最新的 iconfont 文件可以到 此链接镜像) 下载。

最后,在 src/styles/theme.less 重新定义新的路径:

@icon-url: "/assets/iconfont";

使用绝对路径或CDN地址。

Missinglocaledataforthelocale"zh-cn"

缺少语言导入,参考app.module.ts

如何本地部署ng-yunzai.com文档

线上文档将只保留最近三个主版本号的数据,若是低版本可以通过本地部署来查看:

git clone --depth 1 -b full https://github.com/ng-yunzai/archive-docs.git ng-yunzai-doc
cd ng-yunzai-doc
npm install
npm start

修复360浏览器下部分显示异常

部分360浏览器内置的 Chrome 核心过低,导致部分 CSS3 未支持,可以手动增加 .browserslistrc 更多细节参考 #2310

Loading...