如何使用JavaScript创建可重用的UI控件
我想知道是否有一种方法可以使用JavaScript而不是直接使用HTML创建可恢复的UI controlse.g表、列表、不同的布局等。 我在SAP UI5中看到过类似的控件,您可以使用JavaScript和HTML创建不同UI控件的对象。DOM创建由相应的 渲染器 对于如何使用同样支持绑定的JavaScript和jQuery从头开始创建类似的控件,您有什么建议如何使用JavaScript创建可重用的UI控件,javascript,jquery,user-interface,sapui5,Javascript,Jquery,User Interface,Sapui5,我想知道是否有一种方法可以使用JavaScript而不是直接使用HTML创建可恢复的UI controlse.g表、列表、不同的布局等。 我在SAP UI5中看到过类似的控件,您可以使用JavaScript和HTML创建不同UI控件的对象。DOM创建由相应的 渲染器 对于如何使用同样支持绑定的JavaScript和jQuery从头开始创建类似的控件,您有什么建议 是否有其他类似于SAP UI5的库或框架提供丰富的UI控件集SE.g表格、列表等?查看javascript模板。参见mustache.
是否有其他类似于SAP UI5的库或框架提供丰富的UI控件集SE.g表格、列表等?查看javascript模板。参见mustache.js了解一个示例 e、 g 然后,在每个要使用此组件的html页面中,只需执行以下操作:
<element-name></element-name>
var view = {
"elements":
[
{
id: "one",
content: "Lorem ipsum dolor"
},
{
id: "two",
content: "Sit amet consectetur"
}
]
}
var template = document.getElementById("template").innerHTML;
var output = Mustache.render(template, view);
console.log(output);
logs:
<div id="one">
Lorem ipsum dolor
</div>
<div id="two">
Sit amet consectetur
</div>
app.directive("elementName", function() {
return {
restrict: 'E',
templateUrl: "/Path/To/Html.file"
};
});
<element-name></element-name>