Question

我看到很多问题看起来像重复，但我没有看到他们需要的东西。

所以我有一个角度组件：

@Component({
 providers: [
 FlowsheetService,
 SubscriptionService
 ],
 moduleId: module.id,
 selector: 'flowsheet',
 templateUrl: './flowsheet.component.html',
 styleUrls: ['i-o-renderer.css'],
 encapsulation: ViewEncapsulation.None
})

它实现了一个返回boolean的公共函数。

public ableToRetrieveHistoricalData() {
    return true;
}

上面的函数永远不会被调用，但按钮点击功能会被调用。

HML页面是：

<div>
    <div style="height: 10%; padding: 10px;">
        <span style="padding-left: 50px;">
                <button (click)="retrieveHistoricalData()" ng-disabled="ableToRetrieveHistoricalData()"> << Previous</button>
        </span>
    </div>

</div>

我遗失的任何明显的东西？

Answer 1

如果您使用Angular2 +，请使用[disabled]代替ng-disabled。

<button (click)="retrieveHistoricalData()" 
[disabled]="ableToRetrieveHistoricalData()"> << Previous</button>

Answer 2

是＆lt;＆lt;以前真的在HTML中吗？如果是这样，我怀疑这会让Angular感到困惑。我尝试删除＆lt;＆lt;看看是否是这种情况。

Answer 3

我认为您已经忘记了自己处于angular2应用中，应该使用 [disabled] 而不是 ng-disabled 在angular1版本

   <button (click)="retrieveHistoricalData()" [disabled]="ableToRetrieveHistoricalData()">  Previous</button>

<强> DEMO

ng-disable按钮功能永远不会被调用

3 个答案: