Angular 2:ngIf 指令中比较运算符 == 和 === 之间有什么区别

2024-01-18

我不明白为什么这两个运算符存在。在布尔比较的情况下 == 和 === 似乎都有效,但在枚举比较的情况下只有 '==' 有效:

<div class="interventionGroup">

    <div class="interventionGroupHeader transition_1s" (click)="onClickHeader()">
        {{GroupName}}
        <div *ngIf="expanded == true" class="expand-icon"><i class="material-icons">expand_less</i></div>  <!-- WORKS -->
        <div *ngIf="expanded === false" class="expand-icon"><i class="material-icons expand-icon">expand_more</i></div> <!-- WORKS -->
    </div>

    <button *ngIf="GroupType == GroupTypeEnum.mesInterventions">dfdsfsd</button> <!-- WORKS -->

    <div style="list-style-type:none" *ngIf="expanded === true">
        <div *ngFor="let intervention of interventions"
            (click)="onClick(intervention)"> 
            <intervention-button [intervention]="intervention"></intervention-button>
        </div>
    </div>
</div>

在 javascript 中,运算符 '==' 仅检查相等性,而 '===' 检查类型和相等性

0 == '0' => true
0 === '0' => false
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2:ngIf 指令中比较运算符 == 和 === 之间有什么区别 的相关文章

随机推荐

  • 车把缩小 HTML

    在 Node js Express 应用程序中 是否有一种方法可以在将所有 Handlebars 模板发送到渲染器之前缩小它们 我考虑创建一个 Express 中间件来对 HTML 响应正文进行缩小 但我很快意识到这是非常无效的 因为缩小会
  • 使用正则表达式替换特定的 HTML 标签

    好吧 这对你们来说很简单 我们使用 ActiveReports RichTextBox 来显示一些随机的 HTML 代码 ActiveReport 支持的 HTML 标签可以在这里找到 http www datadynamics com H
  • 从子类访问实例变量

    我正在尝试从子类访问父类的数据成员 我不知道如何称呼它 我找到了很多有关访问类变量但不是子类中的实例变量的信息 这是我的代码 class Shape var woohoo def initialize end def area end en
  • 模板类,函数特化

    我想要一个类似于下面的模板类 然后 我想要其中有一个具有模板专业化的函数 具体取决于 CLASS 模板参数 我该如何进行这项工作 我意识到我提供的代码在很多层面上都是错误的 但这只是为了说明这个概念 template
  • CDI 事务拦截器不工作

    我有一个包含以下类的 Java SE 应用程序 main public static void main String args Weld weld new Weld WeldContainer container weld initial
  • Android M FingerprintManager.isHardwareDetected() 在 Samsung Galaxy S5 上返回 false

    我刚刚通过以下列出的手动说明将 Verizon Samsung Galaxy S5 SM G900V 更新为 G900V U2 DPD1 版本http www androidofficer com 2016 06 g900vvru2dpd1
  • 如何让Electron WebView填充指定尺寸?

    我尝试将 Electron WebView 添加到基本应用程序并设置 minwidth 和 minheight 如下所示 当它加载时 它总是以 784px X 150px 结束
  • 如何在 Javascript 中克隆 XML 文档?

    在 Javascript 中克隆 XML 文档的最佳方法是什么 我尝试做 var newDocument myDocument cloneNode true 但那刚刚回来null 我也考虑过做 var newNode myDocument
  • SecurityError:使用 Selenium Python 单击 iframe 中的下载链接时出现跨源对象访问属性“文档”的权限被拒绝

    我正在开发一个自动化项目 我正在尝试从网站下载 pdf 文件 该网站仅包含 pdf 文件 但网页的文件类型是 HTML pdf 使用 PDF js 显示 PDF js 查看器也在 iframe 中 当我尝试使用浏览器 JavaScript
  • 使用 Espresso 测试 Snackbar 显示

    有没有办法使用 Espresso 测试小吃栏是否显示正确的文本 我有一个简单的调用来创建一个小吃栏 Snackbar make mView My text Snackbar LENGTH LONG show 我尝试过这个但没有运气 onVi
  • 导入错误:没有名为 matplotlib 的模块

    几个月前 Matplotlib 运行良好 但现在我不断收到错误 ImportError No module named matplotlib 我再次使用 pip 安装了 matplotlib 它不起作用 我用的是简易安装 还是行不通 pip
  • 如何连接php7和mongoDB

    我正在尝试将 PHP 7 与 mongoDB 连接 我按照以下步骤使用 pecl 安装了 新 MongoDB 驱动程序page https mongodb github io mongo php driver 指示 我可以看到 MongoD
  • 在 Rails 应用程序中执行 Ruby 脚本

    我可以在 Rails 应用程序的控制台中运行以下命令 并将 CSV 文件导入到我的数据库中 require csv row will be an array with the fields in the order they appear
  • 更新 Azure 容器实例中的 docker 映像

    我在 docker hub 的存储库中有一个镜像 我根据 docker hub 上存储库中的映像创建了 azure 容器实例 我更新了 docker hub 上存储库中的图像 如何将更改应用到容器 如果您遵循命名标签的做法 latest然后
  • 使用数据存储 (NDB)、搜索 API 或同时使用两者来查看数据?

    在 CMS 中 使用常规 NDB 查询和排序来检索客户列表 为了允许对姓名 公司名称和电子邮件进行过滤 我创建了多个 有时是多个 索引 情况并不理想 但可行 现在有 实验性的 搜索接口 https developers google com
  • 验证 NSString 中是否存在单词

    我搜索了一下 但找不到这个 可能非常简单 问题的答案 我有一个 NSString 我想检查它是否包含单词 像这样的事情 NSString sentence The quick brown fox NSString word quack if
  • 在 Woocommerce 商店页面上的类别列表中隐藏产品类别

    我想在 Woocommerce 商店页面的类别列表中隐藏某个产品类别 我找到并使用以下代码片段来执行此操作 add filter get terms exclude category 10 3 function exclude catego
  • 测试单词是否在字符串中(grepl、fuzzyjoin?)

    如果一个数据帧的两列中的字符串包含在第二个数据帧的一列的字符串中 我需要对两个数据帧进行匹配和连接 示例数据框 First lt c john jane jimmy jerry matt tom peter leah Last lt c s
  • SignTool 错误:无效选项:/fd

    我发布我的 exe 并激活自动更新 但是当我编译exe时 出现错误 严重性代码 说明 项目文件行抑制状态 错误 An 签名时发生错误 签名失败 bin Debug app publish myapp exe SignTool 错误 无效选项
  • Angular 2:ngIf 指令中比较运算符 == 和 === 之间有什么区别

    我不明白为什么这两个运算符存在 在布尔比较的情况下 和 似乎都有效 但在枚举比较的情况下只有 有效 div class interventionGroup div class interventionGroupHeader transiti