--打坐篇-学习的一些笔记-05-关于Angular的FormsModule的导入问题以及hidden的问题--

目录

• --打坐篇--学习的一些笔记-05-关于Angular的FormsModule的导入问题以及hidden的问题--
  • FormsModule的导入问题
  • hidden显示问题

--打坐篇--学习的一些笔记-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;}进行样式优先级提升。