javascript – Angular 2：如何将属性传递给子组件？

在我的应用程序中,我将Home作为根组件,另一个名为list的通用组件,我在Home中进行渲染.

我想将数据作为属性传递给我的列表组件,该组件来自XMLHttpRequest.

home.ts

import {Component} from 'angular2/core';
import {DashboardService} from '../../services/dashboard';
import {List} from '../contact/list';

@Component({
  selector: 'home',template: 
     `
     etodisplay()
      .subscribe((type) => {
          this._type = type;
      });
  }
}

List.ts

@Component({
  selector: 'List',properties: ['type'],template: `
        

我从typetodisplay()方法获取字符串数据是一个Http请求&分配类型变量.但当我作为属性传递给列表组件时,我在List构造函数中得到null.

我也尝试了,但我得到“类型”字符串相同的方式.

希望我的问题是明确的.

最佳答案

这个语法

设置属性而不是属性.
要设置属性,请使用其中一个

要么

如果您只想在List使用中获得值

@input() type: any;

而不是属性注入.
这样,该值在构造函数中不可用,仅在ngOnInit()或更高版本中.