12avalon - 插值表达式

简介: 12avalon - 插值表达式

位于文本节点中的双重花括号,当然这个可以配置.此指令其中文本ms-text指令的简单形式.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="avalon/dist/avalon.js"></script>
    <script>
      avalon.define({
        $id: 'test',
        aaa: 'aaa',
        bbb: 'bbb'
      })
    </script>
  </head>
  <body ms-controller="test">
    <p>{{@aaa}}{{@bbb}} 这个性能差些</p>
    <p>{{@aaa+@bbb}} 这个性能好些</p>
    <p>{{@aaa+@bbb | uppercase}} 选择器必须放在表达值的后端</p>
  </body>
</html>

运行结果:

插值表达式一般与带格式化功能的过滤器一起使用.

目录
相关文章
|
2月前
|
算法 安全 编译器
【C++ 17 新特性 折叠表达式 fold expressions】理解学习 C++ 17 折叠表达式 的用法
【C++ 17 新特性 折叠表达式 fold expressions】理解学习 C++ 17 折叠表达式 的用法
57 1
|
9月前
|
JavaScript
JS三元表达式
JS三元表达式
48 0
|
2月前
三元表达式使用方法以及如何使用三元表达式回显单选框
三元表达式使用方法以及如何使用三元表达式回显单选框
20 0
|
2月前
|
JavaScript Java PHP
js三元表达式(三元运算符)
js三元表达式(三元运算符)
40 0
|
9月前
|
JavaScript
vue中一个标签中含有多个class(其中包含三元表达式)的写法
vue中一个标签中含有多个class(其中包含三元表达式)的写法
72 2
|
12月前
|
JavaScript
js字符串拼接的数据三元表达式输出颜色
js字符串拼接的数据三元表达式输出颜色
45 0
|
12月前
|
前端开发
react三元表达式通过状态输出标签
react三元表达式通过状态输出标签
54 0
|
缓存 JavaScript 测试技术
【Vue3 第三章】插值表达式 & 指令
【Vue3 第三章】插值表达式 & 指令
251 0
|
JavaScript 索引
|
JavaScript 前端开发