I need to toggle a button state between enabled/disabled if I change the
default value of a select element. Take this HTML as example:
<select
ng-change="statusBtn(btnUpdFee, updFee)"
ng-options="wt.id as wt.name for wt in wtax"
ng-model="updFee"
class="ng-pristine ng-valid"
>
<option value="0" selected="selected">cm-534be5d66aea3</option>
<option value="1" selected="selected">cm-534be5d681a02</option>
<option value="2">cm-534be5d68316e</option>
</select>
<button disabled="" ng-click="showCommentModal('updateFee')" class="btn
btn-success" id="btnUpdFee"><i class="icon-ok"></i></button>
And this is the code I wrote but it's not working:
$scope.statusBtn = function(btnId, curValue) {
if (curValue != $scope.updFee) {
$("#" + btnId).removeAttr("disabled");
} else {
$("#" + btnId).attr("disabled");
}
}
This approach doesn't work
I made some changes and now code look like this:
<button class="btn btn-success"
ng-click="showCommentModal('updateFee')" ng-disabled="!btnStatus"><i
class="icon-ok"></i></button>
$scope.$watch("updFee", function(newValue, oldValue) {
if (newValue === oldValue) {
$scope.btnStatus = false;
} else {
$scope.btnStatus = true;
}
console.log($scope.btnStatus, newValue, oldValue);
});
And this is the output:
First Page Load (no changes): false undefined undefined
First Page Load (no changes): true 2 undefined
Changing SELECT: true 1 2
Changing SELECT again: true 3 1
But still not working, what I'm doing wrong?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
