[英]change the button only after click. angularjs
Here is the codepen . 这是codepen 。 I have a text box and two button on the page.
我在页面上有一个文本框和两个按钮。 I am getting the clientId from database and putting it in sessionStorage.clientId and assigning it to the $scope.ssclientID.
我从数据库获取clientId并将其放入sessionStorage.clientId并将其分配给$ scope.ssclientID。
The problem I am having is as soon I enter the text into the text box the "TurnOff" button shows up. 我遇到的问题是,只要我在文本框中输入文本,“TurnOff”按钮就会显示出来。 I want to show the "TurnOn" till i click on it.
我要显示“TurnOn”直到我点击它。
HTML : HTML:
<div class="row" >
<div class="col-xs-12 form-group">
<label class="control-label col-xs-2">Client ID</label>
<div class="col-xs-7">
<input type="text" name="clientID" class="form-control input-md" ng-model="ssclientID" />
</div>
<button ng-if="ssclientID != 'null' && ssclientID != '0' && ssclientID != ''" type="button" class="btn btn-danger col-xs-3" ng-click="saveEverifyOption(0)">
<i class="fa fa-spinner fa-pulse"></i> Turn Off E-Verify
</button>
<button ng-if="ssclientID == '0' || ssclientID == 'null' || ssclientID == ''" type="button" class="btn btn-success col-xs-3" ng-click="saveEverifyOption(clientID)">
<i class="fa fa-spinner fa-pulse"></i> Turn On E-Verify
</button>
</div>
js : js:
//$scope.ssclientID = sessionStorage.clientId;
$scope.Model = {
compId: 0,
clientID: ''
}
; ;
Just add another variable to your scope, which stores the click status. 只需在范围中添加另一个变量,即存储点击状态。
$scope.clicked = false;
In your $scope.saveEverifyOption
function add 在你的
$scope.saveEverifyOption
函数中添加
if (clientID == 0) $scope.clicked = false;
else $scope.clicked = true;
Finally, change the ng-if
s on your buttons: 最后,更改按钮上的
ng-if
:
<button ng-if="ssclientID != 'null' && ssclientID != '0' && ssclientID != '' && clicked" type="button" class="btn btn-danger col-xs-3" ng-click="saveEverifyOption(0)">
<i class="fa fa-spinner fa-pulse"></i> Turn Off E-Verify
</button>
<button ng-if="ssclientID == '0' || ssclientID == 'null' || ssclientID == '' || !clicked" type="button" class="btn btn-success col-xs-3" ng-click="saveEverifyOption(clientID)">
<i class="fa fa-spinner fa-pulse"></i> Turn On E-Verify
</button>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.