Bootstrap

鸿蒙之HML语法参考

HML(HarmonyOS Markup Language)是一套类HTML的标记语言,通过组件,事件构建出页面的内容。页面具备数据绑定、事件绑定、条件渲染和逻辑控制等高级能力。

页面结构

<!-- xxx.hml -->
<div class="item-container">
  <text class="item-title">Image Show</text>
  <div class="item-content">
    <image src="/common/xxx.png" class="image"></image>
  </div>
</div>

数据绑定

<!-- xxx.hml -->
<div class="item-container">
  <text>{
   {
   content}}</text>            <!-- 输出:Hello World-->
  <text>{
   {
   key1}} {
   {
   key2}}</text>       <!-- 输出:Hello World-->
  <text>key1 {
   {
   key1}}</text>           <!-- 输出:key1 Hello-->
  <text>{
   {
   flag1 && flag2}}</text>      <!-- 输出:false-->
  <text
;