angular – 如何从组件模板中将动态数组作为Input()传递？

发布时间：2020-12-17 17:34:28 所属栏目：安全来源：网络整理

导读：这个问题和这个 link一样好,但我需要数组作为动态！ FileName：app.component.html ques [card_title]="'Abc'" [card_text]="'What is Space'" [items]="{{items}}"/quesques [card_title]="'Xyz'" [card_text]="'What is Time'" [items]="{{items}}"/ques

这个问题和这个 link一样好,但我需要数组作为动态！

FileName：app.component.html

<ques [card_title]="'Abc'" [card_text]="'What is Space'" [items]="{{items}}"></ques>

<ques [card_title]="'Xyz'" [card_text]="'What is Time'" [items]="{{items}}"></ques>

“问题选择器来自具有项目数组的外部组件”.
我目前在app模块中,我已经导入了ques组件,现在我需要将一个数组传递给问题！

目前有效的是

FileName：app.component.html

<ques [card_title]="'Abc'" [card_text]="'What is Space'" [items]="['google','stack','overflow']"></ques>

任何人都知道如何实现这一目标？
我是新手,欢迎所有建议和不同方法.谢谢！

解决方法

这条线

<ques [card_title]="'Xyz'" [card_text]="'What is Time'" 
                  [items] = "{{items}}"

应该是这样的

//items array in you ts file 
items:string[] = ['google','overflow']";

//template 
<ques [card_title]="'Xyz'" [card_text]="'What is Time'" 
                  [items] = "items"

不需要{{items}}因为你已经有[]用于从ts文件变量输入值

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!