
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 · 4234 阅读 · 0 评论 -
angular primeNG 添加滑动选择按钮 inputSwitch
授人以鱼不如授人以渔,当你需要在你的网页上添加任何组件,第一件事就是去官网,找找你要的组件。 https://www.primefaces.org/primeng/v4.3.0/#/inputswitch 以上链接为 inputSwitch的 4.0版本 在右上角一定要选好版本,要符合自己使用的ui版本。 然后我们根据他的官方教程来操作。 xxx_module.ts import {CommonModule} from "@angular/common"; import {InputSwitchModul原创 2020-10-13 17:03:12 · 712 阅读 · 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 · 27443 阅读 · 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 · 5566 阅读 · 2 评论 -
angular 下载上传excel (xlsx)文件
装包 package 1、xlsx npm install xlsx --save 2、file-saver package 1、xlsx npm install xlsx --save 2、file-saver npm install file-saver --save npm install file-loader --save npm install @types/file-saver --save ...原创 2020-05-27 16:48:04 · 654 阅读 · 0 评论 -
angular @viewChild 在子父组件之间传递数据和方法
简介 @ViewChild和@ViewChildren是Angular提供给我们的装饰器,用于从模板视图中获取匹配的元素。 视图包括:管道,指令和组件。 @ViewChild的作用是声明对子组件元素的实例引用,意思是通过注入的方式将子组件注入到@ViewChild容器中,你可以想象成依赖注入的方式注入,只不过@ViewChild不能在构造器constructor中注入,因为@ViewChild会在...原创 2020-04-21 13:28:00 · 1251 阅读 · 0 评论 -
angular模块与组件的创建和使用,子父组件使用:传递参数和显示
Angular 1简介 Angular是一款前端框架,但在使用Typescript作为开发语言的同时,也引入了面向对象的开发方式。 最初代的angular是AngularJS1.x 。后来Google团队把Angular2全部用TypeScript作为官方开发语言。Ts在JavaScript语言上添加了可选的静态类型和基于类的面向对象编程,同时支持诸多接口,命名空间,装饰器等特性。是JS的超集。当...原创 2020-04-15 10:39:23 · 2633 阅读 · 0 评论