下面是具有 @Input() 属性的组件的代码。
import { Component } from '@angular/core';
@Component({
selector: 'cd',
template: `
<h2>{{input1}}</h2>
`
})
export class cdComponent{
@Input() input1: string;
}
我想在其他组件中使用这个组件，父组件的代码如下。
import { Component } from '@angular/core';
@Component({
selector:'main',
template: `
<cd [input1]="test"></cd>
<h2> Main Route </h2>
`
})
export class MainComponent{
}
当 MainComponent 在浏览器中显示时，我期望子组件中的“测试”文本也会显示。
但是“测试”文本没有显示。任何帮助将不胜感激。
最佳答案
它不会显示，因为您将名为 test 的变量传递给 input1，但它不存在。当您使用 [] 将值传递给输入时，它会查找名为 test 的变量，我的猜测是您只想传递字符串 test 。有两种方法可以做到这一点:
<cd [input1]="'test'"></cd>
或者:
<cd input1="test"></cd>
关于angular - Angular2 中的输入属性绑定(bind)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40241124/