E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
NG-ZORRO
采用Angular +
NG-ZORRO
+ Ng Alain 框架搭建的 MES前端框架
采用开发工具:VisualStudioCode技术栈:Angular,Typescript,
NG-ZORRO
,AntDesign,NgAlain等另外,这个不完整的demo,也有助于理解钉钉平台下内部系统对接流程
潜龙在渊
·
2024-08-29 09:42
Angular
NG-ZORRO
html
css
html5
angular tree-root自定义显示模板和设置默认选中项并高亮显示
在树形控件中,默认每一个节点只是显示它的名字,如果还想显示其他的,就需要自定义显示模板,一开始采用的
ng-zorro
的控件nz-tree,但是没有可以自定义显示模板的属性,然后一顿找,发现了tree-root
Jacky-Liu999
·
2024-02-09 09:15
Angular
angular
tree-root
template
自定义显示样式
默认选中项
Ng-Zorro
框架静态加载SVG图标
ng-zorro-antd是遵循AntDesign设计规范的AngularUI组件库。提供了丰富的常用页面组件。其中NzIconModule提供了图标功能,可以方便地使用各种框架自带的SVG图标,也可以添加自己的svg作为图标。框架加载图标有静态加载和动态加载两种方式。静态方式是在模块中手动的加入需要使用的图标或者全部框架图标。动态加载是在页面运行时才从远程服务器获取图标资源文件。动态加载相对静态
_老杨_
·
2024-02-08 10:29
Angular笔记
ng-zorro
NzIconModule
SVG图标
静态加载
nz-icon
ng-zorro
列表
angular之ng-container、ng-template的使用-import{Component}from"@angular/core";import{NzMessageService}from"ng-zorro-antd/message";@Component({selector:"nz-demo-list-simple",template:`LargeSize姓名{{item.name
你也不会年轻太久
·
2024-01-22 11:29
Angular中使用ionic组件
组件使用二、ion-toast提示框三、ion-loading加载框效果四、ion-search搜索框前言注意:项目本身用的是ionic6而不能使用ionic7的相关组件内容否则会报错在项目的编写中除了使用
ng-zorro
lhhbk
·
2023-12-20 19:49
前端
angular
在Angular项目中引入
NG-ZORRO
在Angular项目中引入NG-ZORRO1.前置2.安装
NG-ZORRO
并进行初始化配置3.引入样式4.引入组件1.前置首先创建一个angular项目:angular创建一个新项目的步骤这是我项目的结构
岑**
·
2023-12-04 21:18
Angular
angular.js
前端
【Angular6】前端搭建
前言本次开发使用angular6结合
ng-Zorro
完成前端的开发。本次组内的前端由我来搭建。
不专业得Cook
·
2023-11-29 13:38
搭建Angular并引入
NG-ZORRO
组件库
作者:baekpcyyy1.安装node.js注:安装16.0或更高版本的Node.jsnode官网:https://nodejs.org/en2.进入angular官网https://angular.cn/guide/setup-local新建一个文件夹vsc打开打开终端1.首先安装angular手脚架2.然后执行命令创建工作区等待这个instant完成这时我们就等于创建了一个angular项目
fanjianwucmx
·
2023-11-29 13:36
angular.js
前端
javascript
Angular2.0—父子传参
Angular2.0—父子传参首先使用脚手架创建项目友情链接:Angular2.0—构建项目的流程以及使用
ng-zorro
创建组件news组件和zizujian组件,以及编写路由友情链接:Angular2.0
杀个程序猿祭天
·
2023-10-24 06:42
微前端micro-app使用产生的子项目bug(blockly-js 定位失效问题)
1.bug环境angular13框架,blockly谷歌积木插件,micro-app微前端,
NG-ZORRO
组件库中的drawer组件。
莫道 开发
·
2023-10-08 13:46
micro-app
bug
微前端
angular引入
ng-zorro
中的icon图标方法
1.angular.json中引入"assets":["src/favicon.ico","src/assets",{"glob":"**/*","input":"./node_modules/@ant-design/icons-angular/src/inline-svg/","output":"/assets/"}],"styles":["src/styles.less","node_modu
小傻妞(雪)
·
2023-09-30 05:57
angular
angular
ng-zorro
弹窗示例
NamepriceAddress{{data.name}}{{data.address}}合计{{total}}---匹配exportclassWelcomeComponentimplementsOnInit{constructor(privatehttp:HttpClient,privatemsg:NzMessageService,privatemodal:NzModalService){}//
tommoq
·
2023-09-17 05:36
angular
angular
Ng-Zorro
使用中遇到的问题
ng-zorro
的组件问题,现在从18年02月24日开始记录,但是很多样式问题是之前遇到的,也一并记录于02月24日.
pastFirst
·
2023-09-04 09:38
如何搭建一套公司内部的UI组件库
这里以
NG-ZORRO
为例,学习解析其思路及方法。说明说明UI组件库设计遵循的规范,使用产品方向、浏览器支持情况、贡献、使用方、链接等,也就是我们通常所说的whyis内容。
李卓书
·
2023-09-03 04:32
前端
ng-zorro
- angular UI中 Form表单
Form表单具有数据收集、校验和提交功能的表单,包含复选框、输入框、下拉选择框等元素。需要与Angular表单结合使用,可自由选择响应式表单或模板驱动表单。表单提供了三种排列方式:水平排列:标签和表单控件水平排列;(默认)垂直排列:标签和表单控件上下垂直排列;行内排列:表单项水平内排列。表单项nz-form-item表单项用于区分表单中不同的区域,包含表单域和表单标签(可选)。所有nz-col的参
门门men
·
2023-09-01 10:20
Angular
Angular 如何处理未可知异常错误
如果你在使用
NG-ZORRO
时,可能经常就会
cipchk
·
2023-08-31 23:30
stack Error: Could not find any Visual Studio installation to use
在安装
ng-zorro
时报错:报错:npmERR!code1npmERR!pathC:\Users\xx\Desktop\angular\wyy\node_modules\fibersnpmERR!
宝藏程序员
·
2023-08-30 06:27
ng-zorro
python
node.js
Angular2.0—路由传参
Angular2.0—路由传参首先使用脚手架创建项目友情链接:Angular2.0—构建项目的流程以及使用
ng-zorro
创建组件news和children友情链接:Angular2.0—路由跳转3编写代码
杀个程序猿祭天
·
2023-08-25 10:37
angular响应式表单
在使用
ng-zorro
的表单时,发现他和angular的表单有很大不同,于是就去学习了一下angular的表单。
weixin_34343308
·
2023-08-04 02:06
javascript
json
ViewUI
NGZORRO:动态表单/模型驱动 的相关问题
ng-zorro
的[nzFor]指令是根据id属性进行关联的,而不是name属性。[nzFor]指
董厂长
·
2023-08-04 02:05
angular
前端
javascript
html
Angular
angular中的表单
FormControl和FormGroup3.创建表单4.FormBuilder(响应表单)5.添加验证6.自定义验证器angular中的表单使用angular挺长一段时间了,在关于表单的应用方面一直都在使用
ng-zorro
淡然自若_blog
·
2023-07-17 19:28
angular前端
angular
angular8教程(7)-图片预览并上传
而
ng-zorro
的框架在这一基本控件的基础上封装了一个专门用于上传图片的控件即上传upload。
紫馨_1bde
·
2023-06-22 01:10
Angular 快速搭建在线 Markdown 编辑器
前言由于自己对Markdown语法的不太熟悉,就想着自己搞一个辅助编写Markdown的在线工具,经过一番查找,发现Editor.md开源编辑器比较合适,于是就开始集成到
NG-ZORRO
上。
Caco.D
·
2023-06-12 01:46
Angular
angular
markdown
editor.md
2020-01-03/ng-zerro升级的问题
后面手痒,想继续写写页面,怎料前端框架版本升级这么快,Angular已经到8了,
ng-zorro
到了8.5。一些过渡性版本不见了,这么时候就只剩下升级版本这一条路了。
呼噜噜睡
·
2023-06-10 05:35
angular8教程(3)-路由和组件生成
紧接着上一篇我们讲到项目中已经引入了
ng-zorro
的UI库,可以开始正式的编码。
紫馨_1bde
·
2023-04-17 11:55
写一个Angular装饰器(Decorators)- 学于
ng-zorro
源码
写一个Angular装饰器(Decorators)-学于
ng-zorro
源码本文将围绕:1.whatisit?2.whyuseit?3.howtouseit?
Moryan
·
2023-04-15 05:55
angular的ui框架ionic
基于ng的ui框架除了ionic还有其他的框架比如:
NG-ZORRO
,Material,大同小异,先来看ionic1.概述ionic现已支持vue(不过很多问题)移动端开发3种形式:webApp:采用html
帅的潇洒
·
2023-03-13 12:23
ng-zorro
nz-select的placeholder问题
写的有placeholder,但是怎么也不显示。看了文档写的也一样啊!我是在nz-form表单里用到的nz-select:代码如下:image.png代码看起来没有毛病,但是效果如图,并没有显示。重点来了!this.filterForm=this.fb.group({type:['',[Validators.required]],//---->这里我初始化的是'',错误});但是这样不对,正确的是
云小诺
·
2023-02-04 16:42
ionic4开发——集成Angular Material之步骤条
步骤条是个很常用的组件,最开始是我自己写,插件没写成倒写了一坨x,后来在群里有位大佬看见了我的需求,他开始写了一个ionic2+的插件(HsuanXyz/ionic-stepper)对我帮助很大,非常感谢;后来出现了
NG-ZORRO
漂泊猫
·
2023-02-03 03:31
教程:angular6 +
ng-zorro
鹿途后台管理系统(一)
从零开始用Angular6+ng-zorro完成一个完整的后台管理系统,系列文章前提是你已经具备一定的Angular开发经验,至少可以完成开发环境的搭建,话不多说我们开始吧!鹿途登陆页版本说明ng-zorro-antd1.4.1+angular6+node10+开发工具MacVscode开始创建项目在创建项目之前,请确保@angular/cli已被成功安装执行以下命令,@angular/cli会在
周希孟
·
2023-01-30 07:03
ERROR Error: [@ant-design/icons-angular]:the icon XXX does not exist or is not registered.
nz-icon-register.service.tsimport{APP_INITIALIZER,Injectable}from'@angular/core';import{NzIconService}from'
ng-zorro
刘瓜皮Alison
·
2023-01-15 06:12
Angular-issues
javascript
前端
angular
NG-ZORRO
中英文切换
NG-ZORRO
想要切换中英文需要在app.module.ts里面配置,下图是官方文档的截图,照着配置即可如果需要英文版本,就用en_US如果需要中文版本,就用zh_CN
·
2022-10-21 12:15
前端angular
关于Angular引入swiper后autoplay失效的解决办法
由于angular不熟,最近在修改一个
NG-ZORRO
的项目。
·
2022-02-28 16:02
nz-table中文被自动换行
使用
ng-zorro
开发遇到的问题使用CSS强制中文不换行.ant-table-tbody>tr>td,.ant-table-thead>tr>th{white-space:nowrap;}一、今天遇到诡异的问题如图
明哥我来
·
2022-02-12 15:24
引用
NG-ZORRO
,在使用nz-form时报错
引用
NG-ZORRO
,在使用nz-form时报错使用
NG-ZORRO
官网案例,复制粘贴,还是报错,哭image.png解决办法在对应的module文件中引入ReactiveFormsModuleimport
lazy_tomato
·
2022-02-11 09:05
Augular中利用响应式表单实现动态表单字段(表单的字段根据后台动态返回)的动态表单(表单的个数可以动态添加)
图一.png图二.png下面来说下大体上的思路,组件库使用的
NG-ZORRO
组件完整的HTML部分:场景名称场景描述AI类型监测子项时间阈值监控间隔{{e.name}}立即创建
听书先生
·
2021-10-17 17:46
Angular 动态添加表单和排序
效果如下:效果.gif使用插件
NG-ZORRO
代码html文件{{'FollowOrigin'|translate}}注意:input的name不能写死。如果写死的话添加新的input的时候无法赋值。
河码匠
·
2021-06-21 17:08
angular8+ng-zorro支持i18n
angular8+ng-zorroi18n方案1.采用的技术方案
ng-zorro
的国际化NzI18nService服务+ngx-translate插件。
小灵仙_f21a
·
2021-06-04 22:25
Can't bind to 'formGroup' since it isn't a known property of 'form'错误解决方案
项目中引用
NG-ZORRO
,在使用nz-form时报错Can'tbindto'formGroup'sinceitisn'taknownpropertyof'form'component.tsimport
天魂_TH
·
2021-05-19 22:54
angular+ng-zorro+echarts入门总结(二)
入门总结(
ng-zorro
篇)要放假了,赶紧总结一下,不然都忘光了正文关于ng-zorro1.安装、创建、运行helloword前提:你已经安装并运行过angular项目创建一个新的ng项目ngnew添加
No Big Deal
·
2021-04-30 16:49
angular入坑
angular
typescript
【Angular】关于模板输入变量(let-变量)的理解
let-变量到底是什么我想研究这玩意的起因在于之前我使用
ng-zorro
的时候,用到了它的分页组件Pagination(官网链接)。这其中有一个自定义上一页下一页模板的功能。
一命迪卢克
·
2021-04-29 14:33
Angular2.0—路由跳转
Angular2.0—路由跳转[#Angular2.0—构建项目的流程以及使用
ng-zorro
友情链接:Angular2.0—构建项目的流程以及使用ng-zorro1.创建两个组件home和news,下载
杀个程序猿祭天
·
2021-04-21 13:39
angular响应式表单
在使用
ng-zorro
的表单时,发现他和angular的表单有很大不同,于是就去学习了一下angular的表单。
·
2021-04-10 18:21
angular
脚写Angular组件
参考
NG-ZORRO
源码目录breadcrumb面包屑page分页tag标签组件rate评分组件注意⚠️ZORRO的CSS样式直接无法修改,若要修改,需在前面加入:host::ng-deep.ant-input-affix-wrapper.ant-input
Daeeman
·
2021-02-25 23:29
Angular处理未可知异常错误的方法详解
如果你在使用
NG-ZORRO
时,可能经常就会
·
2021-01-17 11:05
Angular 如何处理未可知异常错误
如果你在使用
NG-ZORRO
时,可能经常就会
cipchk
·
2021-01-16 17:09
angular
ng-alain
前端
angular引入
ng-zorro
的问题
ng-zorro
的官网上提供了两种在项目中添加
ng-zorro
的方法,下面记录其提供的第二种自行构建的方式。
FisherKai
·
2020-11-24 21:25
前端
angular
ng-zorro
angular中,防止按钮的两次点击
方案一:由于我用的是
ng-zorro
,方案一是在组件中增加一个isLoading=false的变量,按钮上指定它的nzLoading="isLoading"。zorro文档截图
weixin_34099526
·
2020-09-14 16:35
angular6+
ng-zorro
实现下拉列表的多选功能
import{Component,OnInit}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';@Component({selector:'table-data',templateUrl:'./table-data.component.html'})exportclassTableDataCompon
kksw1121
·
2020-09-14 15:00
ng-zorro
angular 表格内容过多时,需显示滚动条
在使用NG-ZORROtable组件时,遇到一些问题,场景:modal框里的表格需要加滚动条。由于元素都是封装好的,当时我想的是直接改变样式。给表格父级给高度,父级div高度虽然没超过modal,但是滚动条依然没出现,tbody内容还是超出了滚动条,后来直接给tbody元素给高度,也没能实现,后来才知道tbody这种特殊的标签,是不能给高度的,它的高度就是表格的所有内容。若想要tbody显示一定内
ccpcpp
·
2020-09-14 13:04
ng-zorro-antd
table
Ant
Design-
Angular
table表
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他