Generating Options Dynamically with <aura:iteration>

DEX601 - Unit 2 Getting Started

📄 第 182 页 🎬 视频课程

课程章节介绍

让我们来一步步理解这段代码。这段代码的目的是使用Salesforce的Aura框架动态生成一个下拉菜单,菜单中的选项是从一个对象数组中提取的。 首先,我们定义了一个名为`captains`的属性,它是一个对象数组。这个数组包含了两个对象,每个对象都有`label`和`value`两个属性。`label`是显示在下拉菜单中的文本,而`value`是选中该选项时返回的值。 ```html ``` 接下来,我们使用``标签来创建一个下拉菜单。这个标签有几个重要的属性: - `name`:为下拉菜单指定一个名称。 - `label`:显示在下拉菜单旁边的标签文本。 - `aura:Id`:为这个组件指定一个唯一的ID。 - `value`:默认选中的选项的值。 ```html ``` 然后,我们使用``标签来遍历`captains`数组中的每个对象。`items`属性指定要遍历的数组,`var`属性指定在每次迭代中当前对象的变量名。 ```html ``` 在每次迭代中,我们创建一个``标签。`value`属性设置为当前对象的`value`属性,而``标签的内容(即显示在下拉菜单中的文本)设置为当前对象的`label`属性。 ```html {!captain.label} ``` 最后,我们关闭所有的标签。 ```html ``` 总结一下,这段代码通过遍历一个对象数组,动态生成下拉菜单的选项。每个选项的显示文本和值都来自数组中的对象。这样,我们就可以轻松地根据数据动态生成用户界面元素。