Question

我们如何将数组传递给Svelte模板并在内容上循环？

我的main.js看起来像：

import App from './App.html';

const app = new App({
  target: document.body,
  data: [{name: 'hello'}, { name: 'world'}]
});

export default app;

我的App.html文件如下：

{#each cats as cat}
    <h1>Hello {cat.name}!</h1>
{/each}

<style>
    h1 {
        color: purple;
    }
</style>

这似乎应该起作用..但是什么也没出现。我还为每个模板都尝试了大括号。

Answer 1

您的<LinearLayout> <TextView/> <ScrollView> <ConstraintLayout> <EditText/> <EditText/> <EditText/> <EditText/> <EditText /> <EditText/> <EditText/> <EditText/> <TextView/> <TextView/> <TextView/> <TextView/> <TextView/> <TextView/> <TextView/> <TextView/> <Button/> </ConstraintLayout> </ScrollView> </LinearLayout>应该是包含一个数组的对象，它不能只是一个数组。因此，对于该模板，这是

data

如何遍历Svelte模板中的对象数组？

1 个答案: