我有一个带有属性的外部组件:
Loading: Boolean = false;
此外部组件在嵌套组件上设置此属性:
当我在嵌套组件上做typeof(this.Loading)时,我得到了字符串,[我相信]是抛出整个逻辑的东西.
这是我的嵌套组件:
import { Component, AfterViewInit, OnInit, Input} from '@angular/core' @Component({ selector: 'etp-loader', template: `` }) export class EtpLoaderComponent { @Input() text: string; @Input() loading: Boolean; ngOnInit() { console.debug('init: loader state: ', this.loading, typeof(this.loading)); // => init: loader state: false string } }{{text}}
编辑 - 删除不相关的位
如果Loading
是布尔值,则使用
[loading]="Loading"
{{}}
是字符串插值,结果将始终是一个字符串.
Angular不了解布尔属性.如果您只想知道是否设置了属性,可以使用类似的setter
isLoading:Boolean;
@Input()
loading set(value: Boolean) {
this.isLoading = value != 'false';
}
并使用它
并将isLoading
设置为true