Widget
如「元件」一節所述，可結合多個基本元件以產生Widget。
Widget可用來建立新的「更複雜」元件，或為元件專案提供結構。
讓我們來深入探討Widget的概念！
我們先製作一個簡單的Widget來顯示語言清單。
const widgetJSON = {
"component": "div",
"id": "widget_languages",
"items": [ // adding components to the widget
{
"component": "div",
"items": [
{
"component": "icon",
"icon": "info"
},
{
"component": "label",
"label": "List of some languages"
}
]
},
{
"component": "list",
"data": "@languages"
}
]
},
此處， @languages 是模型中定義的陣列 widget_languages 作為： [「英文」、「法文」、「印地文」、「西班牙文」、「烏爾都文」]
演算後的基本Widget如下所示：
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178