Angula2输入没有约束力

问题描述：

我想结合一些数据，但不工作的Angula2输入没有约束力

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; 
}

答

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

答

你必须的部件的输入分配值的方法有两种：
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"; 
}

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

Angula2输入没有约束力

相关推荐