zoukankan      html  css  js  c++  java
  • 3.6 Templates -- Binding Element Class Names(绑定元素类名)

    1. 一个HTML元素的class属性可以像其他属性一样被绑定:

    <div class={{priority}}>
      Warning!
    </div>

    生成的HTML

    <div class="p4">
      Warning!
    </div>

    2. 条件值

    如果你需要一个基于条件属性的class值,使用if

    <div class={{if isUrgent 'is-urgent'}}>
      Warning!
    </div>

    如果isUrgentfalse,HTML:

    <div>
      Warning!
    </div>

    如果是true:

    <div class="is-urgent">
      Warning!
    </div>

    3. 你也可以指定一个class名字当属性值是false时:

    <div class={{if isEnabled 'enabled' 'disabled'}}>
      Warning!
    </div>

    如果isEnabled属性是true

    <div class='enabled'>
      Warning!
    </div>

    false:

    <div class='disabled'>
      Warning!
    </div>
  • 相关阅读:
    hdoj 1002 A + B Problem II
    hdoj 1234 开门人和关门人
    hdoj 2203 亲和串
    nyoj 73 比大小
    81B
    信息传递
    bzoj1787
    最少交换次数
    100803C
    火柴排队
  • 原文地址:https://www.cnblogs.com/sunshineground/p/5152929.html
Copyright © 2011-2022 走看看