--打坐篇--学习的一些笔记-05-关于Angular的FormsModule的导入问题以及hidden的问题--
FormsModule的导入问题
今天在学习Angular的过程中,需要使用到双向绑定,太久时间没用,遇见了个奇怪的报错。
error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.
查找解决办法:
网络上的解决办法为:在app.module.ts
文件中,引入import { FormsModule } from '@angular/forms'
,再在imports
中引入FormsModule
检查发现自己已经正确引入了FormsModule
,运行一直报错。
经过检查尝试,发现自己将NgModule
引入了imports
中,NgModule
只需要在import { NgModule } form '@angular/core'
时进行引入就行,不需要在imports
中再次引入
而自己反复刷新而页面没有变化的原因应该是浏览器存在缓存,需要重新进行ng serve
再打开浏览器,页面就正常运行了。
感叹自己真的是脑子秀逗了··· ···
hidden显示问题
在自己进行写ts代码时,本想使用ngIf
达成一个显示与隐藏的效果,但ngIf
修改的是标签的display
属性,display
反复设置成‘none’‘block’
会对标签在页面中空间布局造成影响。
于是自己想使用类似于vue
中的v-show
的标签,发现Angular中没有ng-show
属性,该属性存在于AngularJS中,在Angular2中被移除掉,转而使用[hidden]
进行替代,但[hidden]
在使用中经常会失败,需要在样式中添加[hidden]{display:none !important;}
进行样式优先级提升。