javascript - 如何在 Angular2 中为 @Input 设置默认参数？

Question

假设我有一个将显示 name 属性的组件，所以它大致是这样的:

import {Component, Input} from 'angular2/core';

@Component({
  selector: 'demo',
  template: `<div>{{name}}</div>`,
  styles: [``],
})
export class Demo {
  @Input() name: string;
}

问题是，当有人使用此组件但未传递任何 name 属性时，我如何显示 [noname]？

想到的唯一解决方案是在模板中使用逻辑运算符，如 {{ name || '[noname]' }}.

Answer 1

尝试

@Input() name: string = 'noname';