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

离大侠再近一步!
原文地址:https://www.cnblogs.com/Samo-Li/p/13888510.html