相关疑难解决方法(0)

将参数传递给Angular2组件

我正在学习Angular2所以要温柔......我有一个基本的Component,它有一个字符串数组.我想将一个整数传递给这个组件,让它返回在该参数的索引处找到的字符串.

例如myComponent [number] = 1返回字符串"second element".

到目前为止我的代码是这样的:

import { Component } from '@angular/core';

@Component({
  selector: 'myComponent',
  template: 
    `<h1>Returned Value {{returnedString}}</h1>,`, 
  inputs:['number']
})
export class MyComponent  { 
  myStringArray: string[]; 
  returnedString: string;

  constructor(){
    this.myStringArray = ['First','Second','Third','Forth','Fifth','Sixth'];
    this.returnedString = 'number'+this.myStringArray['number'.valueOf()];
  }
}
Run Code Online (Sandbox Code Playgroud)

我将此组件称为如下

<myComponent [number]=1></myComponent>
Run Code Online (Sandbox Code Playgroud)

我打印返回到屏幕的值并获得'undefined'.

有什么想法吗?

html angular

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

html ×1