Ionic 2：当我将数组传递给组件时，我在 component.ts 上得到一个字符串
阿托斯奥克
当我尝试通过输入将数组传递给组件时遇到问题。我在 home.ts 上 console.log 数组，我得到的是一个对象，然后，当我将它传递给组件时，在 component.ts 上我得到它是一个字符串。
我不知道我是否做得好
在组件 ts 我有这个：
@Component({
selector: 'micomponente',
templateUrl: 'micomponente.html'
})
export class MicomponenteComponent {
@Input() pra:any=[];
text: string;
constructor() {
console.log('Hello MicomponenteComponent Component');
this.text = '';
}
ngOnInit() {
console.log(typeof(this.pra)) //this is the red arrow on the picture
this.text = this.pra;
}
}
主页.html
<ion-content padding>
<micomponente pra="{{algo}}"></micomponente>
</ion-content>
家.ts
export class HomePage {
algo:any=[];
constructor(public navCtrl: NavController) {
this.algo.push(['1','fsa']);
this.algo.push(['2','fsd']);
console.log(this.algo)
}
}
这是控制台日志
哈格纳
要将数据传递给子组件，属性应该放在方括号 [] 中，属性应该放在引号中。在您的示例中，输入数据应该像这样传递：
<ion-content padding>
<micomponente [pra]="algo"></micomponente>
</ion-content>
有关如何将数据传入和传出子组件的信息，请参阅https://angular.io/guide/component-interaction。双花括号用于插值，将属性显示为 html 中的字符串。请在此处阅读有关插值的更多信息：https : //angular.io/guide/template-syntax#interpolation----。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
ionic：我有一个字符串化的json的作用域变量为空
- 2
在我的 app.component.ts 中添加 2 个组件
- 3
在python中返回一个字符串，只得到一个空数组
- 4
将一个字符串拆分为2个字符串
- 5
如何将一个字符串分成2个字符串
- 6
当我使用for循环从数组中迭代数据时，我只会得到最后一个字符串，并且上面的字符串是重叠的
- 7
将图像从c ++传递给Haskell并返回一个字符串
- 8
如何将一个字符串值传递给COUNTIF？
- 9
将 Int 传递给枚举并返回一个字符串
- 10
仅显示最后一个字符串的字符串数组
- 11
仅显示最后一个字符串的字符串数组
- 12
从2个字符串生成一个字符串
- 13
我传递一个字符串-> NullPointerException
- 14
创建一个字符串数组而不分配每个字符串
- 15
输入是一个字符串数组，输出是一个 ArrayList
- 16
将多个字符串读为一个字符串？C ++
- 17
如何将一个字符串变成多个字符串？
- 18
将一个字符串拆分为两个字符串
- 19
将一个字符串插入另一个
- 20
如何将一个字符串数组存储到另一个字符串数组中？
- 21
给定一个字符串数组，我如何删除重复项？
- 22
我如何在打印一个字符串的同时继续打印一个字符串？
- 23
将字符串参数传递给另一个字符串
- 24
encodeURIComponent似乎为我的字符串添加了一个字符
- 25
如果字符串javascript的最后一个字符，我如何摆脱？
- 26
从一个字符串数组到另一个字符串数组的strcpy
- 27
排序一个字符串数组，使用另一个字符串数组确定顺序
- 28
当我将一个字符数组发送到一个输入参数是字符串的函数时会发生什么？
- 29
在bash脚本中将一个字符串覆盖时，为什么一个字符串会覆盖另一个字符串？
我来说两句