基础库
标签库(按字母排序)
属性扩展
FOR 标签也是 Model 数据加载模型的一部分,引用文件与 Model 相同。FOR 标签提供了在 HTML 页面中循环显示 HTML 代码的能力,一般放在 BODY 中需要的位置。FOR 标签只执行一次,呈现内容后会删除自己。
各个属性分别说明如下:
var
或let
,功能类似于 MODEL 标签的name
,可以用于调取in
中的数据,在嵌套循环中强烈建议使用,否则可能会发生数据混乱,其他情况下可忽略。in
属于data
属性,但支持数字区间,如0 to 9
。详见下面的说明。在属性中如果遇到双引号冲突时,可以用"
代替container
展示数据的容器,一般不需要设置。在特殊情况下,如要在 SELECT 标签中列表 OPTION,FOR 标签不会被浏览器识别,需要在 SELECT 标签之外设置 FOR。见文章后面的说明。onload
事件,加载完成后执行。事件只能写在标签之上。数字区间的格式是m to n
,其中m
和n
表示整数数字,m
可以比n
小。可使用item
保留字获取每个数字,也可以使用var
或let
属性声明自己的变量名。
var
或let
属性,否则需要使用item
保留字。var
或let
属性时,如果单个项是 Object,可以使用@item.key
调取数据。@var
,其中var
代表变量名; 在不声明var
属性时,使用@item
调取属性的值。末尾使用!
防止字符冲突。var
属性,如let="k,v"
。否则默认使用key
和value
保留字,即通过@key
得到对象每项的键, 使用 @value
得到对象每项的值。如果只声明一个变量,则第二个使用默认保留字。@key
, @value!
, @value.path
, @value[1]
等。调取键的方法:
@var1
或@var1!
,其中var1
代表变量名;@key
或@key!
, 其中key
为保留字;调取值的方法:
@var2
或@var2!
, 其中var2为变量名。@value
,其中value
为保留字。@var.path
或@var[1]
等,在不声明变量名时,使用@value.path
完整的占位符规则参阅数据占位符。
@item.name
可得到数组中某一个对象的一项指定的值。@var1.name
,其中var1
为 var 属性的名字。FOR 标签占位符也支持默认值,即?(defaultValue)
完整的占位符规则参阅数据占位符。
SELECT 标签的 OPTION 标签和 TABLE 标签的 TR 标签不支持 FOR 循环,即不能这样做
或
这种情况下如果是 SELECT 可以通过设置container
属性并把 FOR 标签放到 SELECT 外面,如
也可以使用 TEMPLATE 标签代替 FOR 标签。
SELECT 标签和TABLE 标签现在也已支持 data
属性,可以加载并呈现数据。
参考链接