Question

我正在研究这个组件：

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


@Component({
  selector: 'my-comp',
  template: `
    input is {{foo}}
  `
})
export class myComponent {
  @Input() foo: string;
}

如果我使用<my-comp foo="bar>，则会显示“input is bar”，但<my-comp [foo]="bar>不会接受输入，只显示“input is”

首先，如果没有制动器，属性绑定怎么办？

Answer 1

我认为你想要做的是

[]

请注意另外一对引号。

如果添加bar，则Angular会将值计算为表达式。当您的组件类中没有属性undefined或它没有值时，它将生成null或separate。

属性绑定不使用括号

1 个答案: