在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()
装饰器是设置可选输入属性的默认值的常用方法。