将变量或对象传递给angular2指令

时间:2017-02-04 07:56:05

标签: angular angular2-forms angular2-directives

我的webapp中有一个按钮,我想使用variableobject@Input传递给此按钮。当我写console.log来在控制台上打印waitUntil内的值时,它是undefined! 我哪里出错了?

这是我写的代码:

加载指令:

import {Directive, ElementRef, HostListener, Input} from '@angular/core';

@Directive({
    selector: '[loading]'
})
export class LoadingDirective {

    @Input() waitUntil: any;

    constructor(private _elementRef: ElementRef) {}

    @HostListener('click') open() {
        console.log(this.waitUntil);
    }
}

用法:

loadingStatus是一个具有true / false值的变量,它在组件中自己定义。并且它在表格中可用我用数据绑定

进行测试
<div class="btn-wrap"><button class="btn btn-black" loading [waitUntil]="loadingStatus">submit</button></div>

谢谢。

0 个答案:

没有答案