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

我看到很多问题，看起来像重复，但我没有看到我需要从他们。ng禁用按钮功能永远不会被调用

所以我有一个角状的部件：

@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>

任何明显我缺少什么？

来源

2017-05-22 reza

如果您使用Angular2 +，请使用[disabled]而不是ng-disabled。

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

来源

2017-05-22 19:06:09 Knitesh

是< <以前真的在HTML吗？如果是这样，我怀疑这是令人困惑的Angular。我会尝试删除< <以查看是否属于这种情况。

来源

2017-05-22 18:58:30

我想你忘了，你是在angular2应用程序，你应该使用[disabled]，而不是ng-disabled这是在angular1版本

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

DEMO

使用

来源

2017-05-22 19:11:59 Sajeetharan

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

回答

相关问题