smallNut的博客

excel(csv，xls，xlsx)文件的导入与导出

今天写一个日期选择框联动的需求，本来是想使用range的，但是range在具体使用上有诸多不便，于是便将两个日期选择框进行独立联动，在传值时将两个值再按照自己想要的格式进行传递这里我的写的是开始和结束年份保持在一年的例子(其他需求亦可以此为变种进行编写)这里的话需要用到一个非常好用的时间处理插件moment，安装的话直接使用npm i moment下载即可引用:import moment from 'moment'html <nz-year-picker nzFormat="yyy

今天使用angular引用子模块时发生了这样一个错误本来以为是引入方式的问题，结果反复检查module中的写法也没发现问题，百思不得其解的状况下发现这种报错和引入方式报错还有些不一样，后来发现是自己ngswitch的写法有问题上图两种写法都不会报错，并且都有自动补全，但是只有第一种写法是正确的，第二种写法的指令并不存在与angular的内置指令中，于是便会抛出如上的错误，希望能够帮到遇到相同问题的小伙伴...

1.ng-contentng-content的作用是内容投影，主要用法是在父组件中将html投影到子组件中，具体写法如下父组件html<app-zippy-basic> <p>Is content projection cool?</p></app-zippy-basic>子组件tsimport { Component } from '@angular/core';@Component({ selector: 'app-zippy-b

angular项目中当需要将一个公共部分复用时如果对angular模块化不清晰可能会遇到这个问题以此为例：我想要在此页面引入reuse-customer公共部分，但是出现此类报错页面也会出现如下报错问题出现的原因是此模块被引入一个module中但是在你想要使用的页面module中却未引入它，所以框架编译时无法找到它便不会出现这样的问题了希望能帮到遇到相同问题的朋友...

It looks like you’re using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7.今天在写ng表单编辑

我这边项目使用的是ng7,ngx-monaco-editor版本也是7.0.0，照着npm ngx-monaco-editor搞了一顿操作但都没有出来后来发现是因为忽略了在angular.json中进行配置的这一步PS:过程中还遇到了一个 Class MonacoEditorModule if not an Angular module 的 问题解决方法是使用forRoot引入希望能帮到遇到相同问题的朋友...

今天用angular写代码时遇到报错ExpressionChangedAfterItHasBeenCheckedError，在反复检查后发现自己使用@viewChild() 引入时未添加

今天学习angular的父子组件通信的时候，突然产生一个疑问，出于好奇于是便进行测试分析，在此做下笔记父组件调用子组件的话毋庸置疑我们使用@viewChild更为方便，但是子组件调用父组件事件方法的时候却有两种选择。1.通过@Input装饰器将父组件事件方法在子组件中接收，之后进行调用// 父组件html文件<app-search [showTitle]="showTitle"></app-search>// 父组件ts文件export class AppCompone

测试了无数遍已经到半夜，因为今天在安装完脚手架之后new一个新项目，安装依赖之后ng serve的时候遇到这个莫名其妙的问题经过测试发现9.1.0版本或者以上启动时会出现这个问题，因为我也是刚开始玩angular所以不清楚什么问题所以只能分享我的解决方法。那就是卸载当前版本选择9.0或者以下版本，我目前没有其他办法，有解决方法的老兄也可留言告诉我，感谢关于卸载angular脚手架使用命令行卸载今天也遇到各种报错，各种方式都无法卸载，索性就直接找到全局安装路径的文件夹进行手动删除文件关于全局安装的路

今天在将angular项目移到vue项目中的时候，遇到一段给对象附加属性之后使用 scope.scope.scope.apply()强制刷新渲染这里我想尝试$forceUpdate()方法去代替其作用，但是发现页面并不会随其附加属性而同步刷新，从而导致页面渲染的时候查询不到这段对象中的附加属性存在于是便尝试使用vue自带的set方法去给对象赋加属性，页面也会随其附加属性而刷新希望能帮助到遇...

此时是一个基础的Angular Google Maps(AGM)结构,每次点击marker标签时他们的显示信息窗口事件都为独立的，所以互不影响,如果想要控制他们变成每次点击地图只存在显示一个信息窗口的话需要在agm-map及agm-marker添加代指他们的标签，并添加到你想要控制其显示(隐藏)的事件中.事件方法如下这里写的例子是点击事件，如果有其他需求可在下面angular-maps官网...