在Angular中,我们可以通过使用装饰器@Input()和默认参数来为可选输入属性设置默认值。下面是一个示例:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-example',
template: `
Input value: {{ inputValue }}
`,
})
export class ExampleComponent {
@Input() inputValue: string = 'Default Value';
}
在上面的示例中,我们在@Input()装饰器上为inputValue属性设置了一个默认值'Default Value'。如果没有传递inputValue的值,它将使用默认值。
你可以在父组件中使用组件,并选择是否传递inputValue的值。例如:
这将渲染组件,并显示默认的inputValue值。
如果你想为inputValue传递一个不同的值,可以这样写:
这将渲染组件,并将inputValue设置为'Custom Value'。
使用默认参数和@Input()装饰器是设置可选输入属性的默认值的常用方法。