Angula2输入没有约束力

Question

我想结合一些数据，但不工作的

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
template : `<child [in]="25"></child>` 
}) 
export class AppComponent {} 

和子组件

import { Component, Input } from '@angular/core'; 
@Component({ 
    selector: 'child', 
    template: '<h1>{{in}}</h1>', 
}) 

export class ChildComponent { 

    @Input() in: string; 
} 

Answer 1

你实际上应该指定一个变量，然后引用它。 public Hello =“25”; Then [in] =“this.hello” OR 删除括号并直接指定 in =“25”;

Answer 2

你必须的部件的输入分配值的方法有两种：
1）通过直接将字符串值从模板传递到输入：

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
template : `<child in="25"></child>` 
}) 
export class AppComponent {} 

2）或通过结合输入在你的类中定义的变量：

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
template : `<child [in]="myVar"></child>` 
}) 
export class AppComponent { 
    public myVar: string = "25"; 
} 

其结果是，你在这里做你不能输入绑定到一个数字变量，仅仅是因为在一个类中定义的变量不能是数字（但它确实可以是字母数字）。