在Angular中,可以使用默认值选项来为组件的属性设置默认值。下面是一种解决方法的示例代码:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ myProperty }}
`
})
export class MyComponent {
@Input() myProperty: string = 'Default value';
}
在这个例子中,myProperty
属性在子组件中被定义,并设置了默认值为 'Default value'
。然后,在父组件中使用该子组件时,通过属性绑定的方式将 'Custom value'
传递给 myProperty
属性,覆盖了默认值。
最终,子组件将会显示 'Custom value'
。如果没有在父组件中传递值给该属性,那么将会显示默认值 'Default value'
。
这种方法可以用于为任何组件属性设置默认值,不仅仅是字符串类型的属性。