角：提供输入值时括号语法不起作用？

Question

使用方括号语法提供输入值不起作用。但是，当我卸下括号时，它确实可以。为什么会这样？

子组件：

function displayCaloriesBurned() {

var calburned = 0
var calpermin = 4.2;


for (var i=10; i<30; i+=5){

calburned= i * calpermin;


alert(calburned)

return calburned;


}

}


displayCaloriesBurned();

父组件模板-这不起作用，为什么？？

@Component({
  selector: 'app-child',
  template: `<p>My name is {{name}}</p>`,
})
export class ChildComponent  {
  @Input() name;
}

父组件模板-这项工作：

<p>Parent component</p>

<app-child [name]='Peter'></app-child>

Answer 1

  

父组件模板-这不起作用，为什么？？

     

父项

     

(function(){....})();

在这里，角度查找不存在的名为 Peter 的变量。如果将其更改为

<app-child [name]='Peter'></app-child>

它将按预期工作。

另外，从docs角开始：

  

满足以下所有条件时，请省略方括号：

     

  

1. 目标属性接受一个字符串值。

  

2. 字符串是一个固定值，您可以直接将其放入模板中。

  

3. 此初始值永不变。