Looping Through Arrays and Objects

DEX601 - Unit 2 Getting Started

📄 第 120 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce的Aura框架中使用`aura:iteration`来循环遍历一个数组。 首先,想象一下你有一个列表,里面有几个名字,比如“Steve”、“Dave”、“Joe”和“Jyoti”。你想在网页上展示这些名字,每个名字都显示在一个列表项中。这时候,`aura:iteration`就派上用场了。 在你的Aura组件中,你首先定义了一个属性`myNames`,它是一个字符串数组,默认值就是刚才提到的那些名字。这个属性就像是一个容器,里面装着所有你想要展示的名字。 接下来,你使用了`aura:iteration`组件。这个组件的作用就是遍历`myNames`数组中的每一个元素。在每次循环中,`aura:iteration`会把当前元素的值赋给一个变量,这里我们叫它`thisName`。 然后,在`aura:iteration`的标签内部,你使用了`
  • `标签来创建一个列表项,并在其中插入了`{! thisName}`。这表示你要把当前循环中的名字显示在这个列表项里。 最后,当这个组件被渲染到网页上时,`aura:iteration`会遍历`myNames`数组中的每一个名字,并为每个名字创建一个`
  • `标签,最终你会看到一个包含所有名字的无序列表。 简单来说,`aura:iteration`就像是一个勤劳的工人,它一遍又一遍地走过你的名字列表,每次都会拿起一个名字,然后把它放到网页上的一个小格子里。这样,你就可以轻松地在网页上展示所有的名字了。