Angular
朝阳群众Jone
这个作者很懒,什么都没留下…
展开
-
zorro/antd select多选下拉框选中强制一行
效果:1、multiple类型的select官方提供了最大显示属性,超出部分显示+nzorro:[nzMaxTagCount]="1"antd::maxTagCount="1"2、样式中强制一行显示选项zorro:nz-select{ ::ng-deep{ ul{ display: flex; flex-wrap: nowrap; overflow: hidden; float: left;原创 2022-02-23 10:47:43 · 1442 阅读 · 0 评论 -
angular 使用ngx-quill
Basenpm install ngx-quill@5.0.0npm install quill@1.3.7两个得一起装然后下载他的样式到本地, 到angular.json中引入一下1、Module not found: Error: Can't resolve 'quill' in...是因为没装quill2、quill-editor' is not a known element是因为没在module中引入@NgModule({ imports: [..原创 2021-11-15 16:44:07 · 1233 阅读 · 0 评论 -
Mac Angular项目 Cordova 编译安卓包
cordova打包安卓app各种坑!原创 2021-09-27 11:40:08 · 788 阅读 · 1 评论 -
angular父子组件的双向绑定参数
父组件中标签引用子组件html:<app-child [(childValue)]="parentValue"></app-child>注意:双向,传参写法就必须是‘[(xxxx)]’,“[]”表示是单向输入,子组件仅能接收,不可改变,“()”是单向输出,一般在里面监听子组件output的event。子组件js:export class Child { @Input() childValue: string; @Output() childVal原创 2021-07-19 17:43:38 · 1275 阅读 · 0 评论 -
@angular-devkit/build-angular/package.json问题
今天电脑重装手动下载安装了所有最新的开发环境,其中node.js是16.0.0+然后装angular也是最新最后到项目上,执行npm install,完了之后执行ng serve报错!没找到是吧?那我安装!npm install @angular-devkit/build-angular会安装失败!因为这玩意是属于angular/cli中的一个包解决方案:1、先把当前windows登录账户(C:\Users\Administrator)目录下删掉.npmrc文件.原创 2021-07-15 18:24:25 · 1094 阅读 · 0 评论 -
angular使用zorro图标错误
the icon xx does not exist or is not registered问题出在,我们使用了zorro的图标,但是运行时却找不到该图标的svg文件细看,运行时,默认会去项目的assets目录中寻找咨询,那肯定找不到,走到“/node_modules/@ant-design/icons-angular/src/inline-svg/”会发现都存在这儿,所以,运行时将这些资源导出到项目assets目录下在项目目录angular.json中找到“project——ap原创 2021-06-08 16:50:53 · 613 阅读 · 0 评论 -
angular使用cropper裁剪图片
资源文件Github:Cropper.js官方主要只用到官方项目中的dist目录下的两个cropper.min.css和cropper.min.js文件效果:html: <input #imageInput accept=".jpg,.png,.jpeg" type="file" (change)="imageChangeEvent($event)" /> <div class="copperArea"> <div原创 2021-05-07 16:01:22 · 743 阅读 · 0 评论 -
vue进军angular留坑
v-if指令。else指向ng-template中的同id,else的内容必须是用ng-template标签包裹<div ngIf="Boolean; else idEle">true显示</div><ng-template #idEle> false显示</ng-template>@click方法<span (click)="removeIt()">移除</span>v-bind属性值<.原创 2021-04-09 12:00:23 · 190 阅读 · 0 评论 -
angular使用zorro的图标
一、按需引入在app.module.ts中引入import { IconDefinition } from '@ant-design/icons-angular'; import { NzIconModule } from 'ng-zorro-antd/icon'; import { InboxOutline, DeleteOutline, DeleteFill} from '@ant-design/icons-angular/icons';const icons: IconDefini原创 2021-04-09 11:58:59 · 465 阅读 · 2 评论