Angular2 ||如何给子组件输入两个输入？

父组件和子组件，我需要将两种类型的数据传递给子组件。一个数据是JSON 第二个数据是字符串。

子组件

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; 

    @Component({ 
     selector: 'child', 
     template: `<h1>{{header}}</h1> 
<p>{{data}}</p>`, 
    }) 
    export class child implements OnInit { 
    //DECLERATIONS 
     @Input('location-Data') data:string; 
     header:string; 
     data:string; 
     constructor() { } 

     ngOnInit() { 
     } 

    }

父组件

import { Component, OnInit, NgModule} from '@angular/core'; 

@Component({ 
    selector: 'app-standard-order', 
    template: ' <location-selector [location-Data]='Sample Data}'></location-selector>', 
}) 
export class StandardOrderComponent implements OnInit { 


    //DECLERATIONS 

    header: string 
    reqDeliveryDate: string = ""; 


    constructor() { } 

    ngOnInit() { 
    this.getTodaysDate(); 
    } 



}

在这里你可以看到，我已经给从主机组件的输入，子组件即位置的数据。它的工作，我可以打印样本数据！接下来我需要从主机向子组件输入另一个字符串，即标题。有人可以建议我一个方法来解决这个问题吗？

来源

2016-09-25 Aswin KV

U不接受您的标题作为输入，他需要接受与位置数据相同的值。 – Manish

您仍然可以从父数据传递到孩子与其他属性作为输入绑定：

@Input('location-Data') data:string; 
@Input header:string;

您可以在更here

希望这有助于找到了！

来源

2016-09-25 15:47:18

我曾尝试过这一点，但是如何在主机模板中添加这个新功能呢？ '，那样？ –

您可以使用： –

Angular2 ||如何给子组件输入两个输入？

回答

相关问题