什么是模板模块
模板是可复用的html片段。合法的模板模块名称可以包含大小写字母,数字,“-”和“_”,首字符必须是小写字母。
模板模块由框架本身维护,不支持在指令表达式中通过“$module”变量访问模板内容。
如何使用模板
在页面中使用模板非常简单,您只要像创建普通html元素标签那样,将模板路径写在尖括号内就可以了(需要完整指定开闭标签)。我们来看示例:
请注意,不要使用与原生html元素相同的名称来命名模板模块,这将导致模板模块无法访问(标签名被识别为原生html元素而非模板模块)。一个规避模块和原生元素命名冲突的通用方案是使用由下划线连接的多个单词作为模块名称。我们来看例子:
模板的另一种常见使用场景是与“$html”指令配合使用,实现页面视图内容的动态加载。我们来看例子:
您可以嵌套使用模板,前提是它们位于同一名空间下。我们来看例子:
在名空间章节中我们将讲解模板模块更加复杂的使用方式。
在模板元素上使用指令
您可以在模板元素上声明生命周期指令和控制指令(除$html、$text、$class和$style之外),但不能使用事件处理指令(除非使用“target”指令修饰符指定其他的实体DOM元素作为事件监听器的目标)。我们来看例子:
您可以在模板模块内部通过指令来创建动态内容。我们来看例子:
模板模块的配置项值
除模块的通用配置项字段外,模板模块还支持“style”字段(字符串或者字符串数组),用于指定在当前模板上生效的样式模块名称。我们来看例子:
上例中,样式模块“style”将仅在“view_module”模板内的元素上生效。样式模块的更多详细内容参见相关章节。