单击按钮以显示另一个按钮和对面

Question

我希望在打开的项目是事件时显示解决工单按钮。当我点击 Resolve Ticket 时，我希望显示 Cancel 和 Confirm 按钮。但是，当您单击“取消”时，我需要再次显示“解决票证”。我可以显示 Cancel/Confirm，但单击“取消”没有任何反应。 HTML 如下。

<div class="panel b" ng-if="c.data.isIncident == true"> 
         <div class="panel-heading bg-primary"> 
             <div class="panel-title">Is this no longer an issue?</div> 
         </div> 
         <div class="panel-body"> 
        <div ng-if="!c.data.isDialogOpen"> 
         <a class="btn btn-primary" ng click="c.openConfirmDialog()">Resolve Ticket</a> 
 </div> 
<div ng-if="c.data.isDialogOpen">
<a class="btn btn-primary" ng-click="!c.openConfirmDialog()">Cancel</a>
<a class="btn btn-primary" ng-click="c.openConfirmDialog()">Confirm</a>
 </div>
</div>
</div>

AngularJS函数是

function($location) {
/*widget conotroller */
var c = this; 
c.data.isIncident = false
if ($location.search().table == 'incident'){
c.data.isIncident = true 
}
c.openConfirmDialog = function(){
    c.data.isDialogOpen = true; 
}
}

Answer 1

试试这个：

<a class="btn btn-primary" ng-click="c.data.isDialogOpen = false; c.data.isIncident = true">Cancel</a>

我不确定你想用 !c.openConfirmDialog() 做什么，但这绝对不会撤消之前调用该函数时所做的事情。

单击按钮以显示另一个按钮和对面

Click Button to show another button and opposite

javascript

angularjs

angularjs-ng-click

angular-ng-if

servicenow