我正在使用fuelUX向导和Angularjs。我希望根据这个控制器方法,启用或禁用下一步按钮:
$scope.canMoveForward = function(){
switch($("#moduleWizard").wizard("selectedItem").step){
case 1:
//check if the module on the first step is valid*/
return $scope.validSelection && $scope.linkedPredicateForm.$valid;
case 2:
//check if the table is empty
return !linkingDataSource.isEmpty();
case 3:
var enab= ($scope.saveModeForm.$valid && $scope.newSourceForm.$valid) ||
($scope.saveModeForm.$valid && $scope.appendSourceForm.$valid)
}
};
实际上,这就是我如何声明按钮的方式:
<div class="actions">
<button class="btn btn-mini btn-prev" ng-click="refresh()"> <i class="icon-arrow-left"></i>Prev</button>
<button class="btn btn-mini btn-next" data-last="Finish" id="wizard-next" ng-disabled="!canMoveForward()"
ng-click="handleStepResult()">
Next<i class="icon-arrow-right"></i></button>
</div>
除了当我从第二页回到第一页时,它能很好的工作,但如果第二页中的下一页按钮被禁用了,即使在第一页上也会保持这种状态,除非我在那里编辑表单。是否有一种方式可以刷新ng-disabled绑定?