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()或更高版本中.

原文地址：https://www.jb51.cc/js/428956.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。