【Angular】angular2+中没有*ngShow/ng-show，取而代之的是hidden

场景

之前写过angularjs，就是1版本的angular，用过ng-show，然后我在angular12中也想通过css样式来隐藏元素，结果发现根据*ngIf的惯性写*ngShow时报错，也没有ng-show，要想实现这个功能则要通过hidden属性

关于hidden

使用hidden时的逻辑跟ng-show或者vue里的v-show相反即可，如下：

<h3 [hidden]="!favoriteHero">Your favorite hero is: {{favoriteHero}}
</h3>

如果favoriteHero变量不是true则元素被隐藏

参见官方文档

关于 AngularJS 与 Angular 概念的快速参考

【Angular】angular2+中没有*ngShow/ng-show，取而代之的是hidden相关推荐

Angular2中的路由（简单总结）
Angular2中建立路由的4个步骤: 1.路由配置:最好新建一个app.toutes.ts文件(能不能用ng命令新建有待调查) Angular2中路由要解决的是URL与页面的对应关系(比如URL是h ...
angular2 php 教程,有关Material在Angular2中的使用（详细教程）
这篇文章主要介绍了Material(包括Material Icon)在Angular2中的使用,需要的朋友可以参考下 1.引入material npm包npm install @angular/mat ...
angular 动画_如何在Angular 6中使用动画
angular 动画介绍 (Introduction) Animation is defined as the transition from an initial state to a final ...
如何在Angular 10中生成QR码
In this tutorial, we'll learn how to generate QR codes in Angular 10 by building a simple example ap ...
如何在Angular框架中更好地使用字体？一篇文章解答！
作为前端开发人员,在Angular JS中构建项目时,使用自定义字体可能会很棘手.有时候,如果开发者想要把选择的字体添加到项目中,将不得不把它导入到现有的代码中. PS:Kendo UI致力于新的开发 ...
在Angular项目中引入NG-ZORRO
在Angular项目中引入NG-ZORRO 1.前置 2.安装NG-ZORRO并进行初始化配置 3.引入样式 4.引入组件 1.前置首先创建一个angular项目:angular创建一个新项目的步骤 ...
Angular2 中setTimeOut 回调函数未定义问题
需求: 在angular2中,调用延时函数,在保存表单成功后,系统下方显示成功信息,在指定时间内若不手动关闭,则提示信息自动关闭. 思路: 保存成功后,调用setTimeout方法,回调函数为关闭提示 ...
Angular应用中配置全局路径映射
Angular应用中配置全局路径映射 1. tsconfig.json文件配置说明 2. 配置全局路径映射 2.1 指定baseUrl属性值 2.2 配置paths属性值 2.3 使用示例为了避免移 ...
SpreadJS 在 Angular2 中支持绑定哪些属性？
SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .N ...

【Angular】angular2+中没有*ngShow/ng-show，取而代之的是hidden

场景

关于hidden

参见官方文档

【Angular】angular2+中没有*ngShow/ng-show，取而代之的是hidden相关推荐

最新文章

热门文章