Angular App问题，在状态更改之前必须单击两次按钮

Question

我在角应用程序上使用ui-router并遇到一个问题，在使用ui-sref的某些按钮在更改状态之前必须单击两次。只是希望其他人遇到同样的问题并找到解决方案。

这里是按钮html：

<button id="continue-btn1" type="button" class="btn btn-reset btn-continue"  ui-sref="appGatewayEditor.suppPay" data-ng-disabled="suppQuestions.$invalid">continue <i class="fa fa-angle-double-right"></i>
</button>

路由器正在使用这样的嵌套视图：

 .state('appGatewayEditor.suppPay', {
                url: "/supplemental-payment",
                templateUrl: 'components/appGateway/appGatewayEditor/supplemental/suppPay.html',
                controller: 'supplementalPayCtrl as suppPayCtrl'
            })

任何建议都将不胜感激!!