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