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

前端之家收集整理的这篇文章主要介绍了angular – 如何从组件模板中将动态数组作为Input()传递?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这个问题和这个 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文件变量输入值

猜你在找的Angularjs相关文章