属性绑定不使用括号

时间:2017-01-26 15:09:26

标签: angular

我正在研究这个组件:

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”

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

1 个答案:

答案 0 :(得分:3)

我认为你想要做的是

[]

请注意另外一对引号。

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