我正在学习Angular2所以要温柔……我有一个基本的Component,它有一个字符串数组.我想将一个整数传递给这个组件,让它返回在该参数的索引处找到的字符串.
例如. myComponent [number] = 1返回字符串“second element”.
到目前为止我的代码是这样的:
import { Component } from '@angular/core';
@Component({
selector: 'myComponent',template:
`
我将此组件称为如下
我打印返回到屏幕的值并获得’undefined’.
有什么想法吗?
最佳答案
由于您希望从核心绑定到自定义属性导入Input和OnChanges,然后实现为Input以创建自定义属性. OnChanges只是确保在绑定值更改时更新值.
从组件装饰器中删除输入键
import { Component,Input,OnChanges } from '@angular/core';
@Component({
selector: 'myComponent',`
})
export class MyComponent implements OnChanges {
myStringArray: string[];
returnedString: string;
@Input() inputNumber: number;
constructor(){
this.myStringArray = ['First','Sixth'];
this.returnedString = 'number'+this.myStringArray[Number(this.inputNumber)];
}
ngOnChanges() {
this.returnedString = 'number'+this.myStringArray[Number(this.inputNumber)];
}
}
将代码使用情况更新为以下内容
这是一个样本plunker.
https://plnkr.co/edit/S074zoVJ3ktQDKkcQgxe?p=preview
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。