javascript – Angular 2:如何将属性传递给子组件?

前端之家收集整理的这篇文章主要介绍了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: 
     `
     

List.ts

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

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

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

希望我的问题是明确的.

最佳答案
这个语法

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

要么

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

@Input() type: any;

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

原文链接:/js/428956.html

猜你在找的JavaScript相关文章