![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
努力不脱发选手
努力的程度要超过父母老去的速度。
展开
-
angular 内容的显示和隐藏: component.ts变量控制<span>内容显示隐藏 ng-show/ng-hide/ng-if/ng-switch,hidden
显示和隐藏元素是, Angular是通过修改数据模型DOM的方式来驱动UI刷新,然后通过指令把变更反应到UI上。ngIf,ngFor… 在angular里被称为是结构型指令.所谓结构型指令,就是它能够塑造或重塑DOM的结构. 说句话就是在渲染的时候它能够帮你增加,删除,维护这些元素.ng-show/ng-hide:ng-show是满足条件就展示,ng-hide是满足条件就隐藏.因为 它们用法差不多,所以下面就单纯讲ng-show.ng-show接收的是一个boolean值,当为值true的时候就去原创 2020-10-20 15:55:01 · 4025 阅读 · 0 评论 -
angular primeNG 添加滑动选择按钮 inputSwitch
授人以鱼不如授人以渔,当你需要在你的网页上添加任何组件,第一件事就是去官网,找找你要的组件。https://www.primefaces.org/primeng/v4.3.0/#/inputswitch以上链接为 inputSwitch的 4.0版本在右上角一定要选好版本,要符合自己使用的ui版本。然后我们根据他的官方教程来操作。xxx_module.tsimport {CommonModule} from "@angular/common";import {InputSwitchModul原创 2020-10-13 17:03:12 · 641 阅读 · 0 评论 -
子组件属性无法赋值 Cannot set property of undefined
子组件属性无法赋值原始报错 Cannot set property '* * * ’ of undefined 子组件.属性名第一种:是你@viewchild写的不对搞清楚你要用 viewchild 还是viewchildren,以及里面的参数写的对不对不然你的子组件就没有成功正确的导入 所以是一个undefined的东西。从angular4 升级到 angular8当时@viewchild就报错need two components but give one因为8 使用此功能时,必须提供原创 2020-06-04 09:35:29 · 27337 阅读 · 0 评论 -
报错NullInjectorError: No provider for InjectionToken 以及 No provider for Service解决
NullInjectorError: No provider for InjectionToken这个是1因为app.module.ts 没有import这个报错的module import {} from '' imports:[]2或者 app.module.ts 里面 providers:[ ] 没有这个service原创 2020-05-28 10:56:29 · 5217 阅读 · 2 评论 -
angular 下载上传excel (xlsx)文件
装包 package1、xlsxnpm install xlsx --save2、file-saverpackage1、xlsx npm install xlsx --save2、file-saver npm install file-saver --save npm install file-loader --save npm install @types/file-saver --save ...原创 2020-05-27 16:48:04 · 568 阅读 · 0 评论 -
angular @viewChild 在子父组件之间传递数据和方法
简介@ViewChild和@ViewChildren是Angular提供给我们的装饰器,用于从模板视图中获取匹配的元素。视图包括:管道,指令和组件。@ViewChild的作用是声明对子组件元素的实例引用,意思是通过注入的方式将子组件注入到@ViewChild容器中,你可以想象成依赖注入的方式注入,只不过@ViewChild不能在构造器constructor中注入,因为@ViewChild会在...原创 2020-04-21 13:28:00 · 1150 阅读 · 0 评论 -
angular模块与组件的创建和使用,子父组件使用:传递参数和显示
Angular1简介Angular是一款前端框架,但在使用Typescript作为开发语言的同时,也引入了面向对象的开发方式。最初代的angular是AngularJS1.x 。后来Google团队把Angular2全部用TypeScript作为官方开发语言。Ts在JavaScript语言上添加了可选的静态类型和基于类的面向对象编程,同时支持诸多接口,命名空间,装饰器等特性。是JS的超集。当...原创 2020-04-15 10:39:23 · 2531 阅读 · 0 评论