当前位置: 首页 > 编程笔记 >

aurelia 有条件地添加或删除HTML元素

欧镜
2023-03-14
本文向大家介绍aurelia 有条件地添加或删除HTML元素,包括了aurelia 有条件地添加或删除HTML元素的使用技巧和注意事项,需要的朋友参考一下

示例

与show.bind使用时不同,if.bind如果提供的绑定值是,则元素将从页面中删除;如果值为,则将元素false添加到页面中true。

export class MyViewModel {
    isVisible = false;
}
<template>
    <div if.bind="isVisible"><strong>If you can read this, I am still here.</strong></div>
</template>

分组元素

有时可能需要一次性添加或删除整组元素。为此,我们可以使用<template>元素来显示或隐藏其他元素,而不需要像DIV这样的占位符元素。

export class MyViewModel {
    hasErrors = false;
    errorMessage = '';
}
<template if.bind="hasErrors">
    <i class="icon error"></i>
    ${errorMessage}
</template>
           

 类似资料:
  • 本文向大家介绍aurelia 有条件地显示和隐藏HTML元素,包括了aurelia 有条件地显示和隐藏HTML元素的使用技巧和注意事项,需要的朋友参考一下 示例 使用时show.bind,元素保留在页面中,并且通过使用场景display:none或display:block在场景后隐藏或可见。            

  • 问题内容: 是否可以根据条件向标签添加内容?像在此示例中一样,当我只想在第一次迭代中添加时(仅用于的第一个元素)? 问题答案: 是的,在这种情况下,AngularJS具有两个指令: 可以使用ng-show / ng-hide指令族基于评估表达式的结果来隐藏(通过使用显示CSS规则)DOM 3的一部分。 如果我们想有条件地物理删除/添加DOM的一部分,那么ng-switch指令家族(ng-switc

  • 我有以下一段代码: 有没有一种很好的方法可以有条件地添加元素,比如使用流操作?我只想在列表为空时添加method2中的元素,否则返回,以此类推。 编辑:值得一提的是,这些方法包含繁重的逻辑,因此需要防止执行。

  • 我在配置单元中有orc表我想从这个表中删除列 但我遇到以下异常 执行配置单元查询时出错:OK失败:ParseException行1:35输入“USER_ID1”不匹配,在drop PARTITION语句中的“drop”附近需要分区 有谁能帮助我或提供任何想法来做这件事吗?注意,我正在

  • ADDING AND REMOVING SOFTWARE Linux 或任何操作系统中最基本的任务之一便是添加和删除软件。您经常需要安装发行版中没有附带的软件,或者删除不需要的软件,这样就不会占用硬盘空间。 有些软件安装需要依赖其他软件才能运行,有时您会发现您可以在软件包安装过程中一次性下载所需的所有软件,软件包是一组文件(通常是库和其他依赖项),您需要这些文件才能使软件成功运行。当您安装一个包时

  • 问题内容: 通过使用 Thymeleaf 作为模板引擎,是否可以在带有子句的简单对象中动态添加CSS类/从中删除CSS类? 通常,我可以按如下方式使用条件子句: 我们将创建到 lorem ipsum 页面的链接,但 前提 是条件子句为true。 我正在寻找不同的东西:我希望该块始终可见,但根据情况使用可更改的类。 问题答案: 也有。 如果为,则将导致: