当前位置:  开发笔记 > 编程语言 > 正文

Angular2布尔@Input属性设置为字符串 - 绑定嵌套属性

如何解决《Angular2布尔@Input属性设置为字符串-绑定嵌套属性》经验,为你挑选了1个好方法。

我有一个带有属性的外部组件:

Loading: Boolean = false;

此外部组件在嵌套组件上设置此属性:


当我在嵌套组件上做typeof(this.Loading)时,我得到了字符串,[我相信]是抛出整个逻辑的东西.

这是我的嵌套组件:

import { Component, AfterViewInit, OnInit, Input} from '@angular/core'
@Component({
    selector: 'etp-loader',
    template: `
{{text}}
` }) 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 } }

编辑 - 删除不相关的位



1> Günter Zöchb..:

如果Loading是布尔值,则使用

[loading]="Loading"

{{}} 是字符串插值,结果将始终是一个字符串.

Angular不了解布尔属性.如果您只想知道是否设置了属性,可以使用类似的setter

isLoading:Boolean;

@Input()
loading set(value: Boolean) {
  this.isLoading = value != 'false';
}

并使用它


并将isLoading设置为true


有角度的BOO.我的答案!
推荐阅读
mobiledu2402852357
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有