大佬教程收集整理的这篇文章主要介绍了angularjs – 根据条件禁用ui-sref，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
< a ui-sref =“state”> Submit< / a>
只有当表单有效时才应启用该按钮。
使用ui-sref禁用ng功能不起作用：
<form name="tickets"> <button ng-disabled="!canSave()"><a ui-sref="view">Submit</a></button> </form>
app.js中的canSave功能是：
$scope.canSave = function(){ return $scope.tickets.$dirty && $scope.tickets.$valid; };
.controller('myCtrl',function($scope,$statE) {
// so that you can call `$state.go()` from your ng-click
$scope.go = $state.go.bind($statE);
})
<!-- call `go()` and pass the state you want to go to --> <button ng-disabled="!canSave()" ng-click="go('view')>Submit</button>
以下是使用@L_618_3@指令的更加奇特的方式：
angular.module('myApp',['ui.router'])
.config(function($stateProvider) {
$stateProvider.state('home',{
url: '/'
});
})
.controller('myCtrl',function() {
})
.directive('uiSrefIf',function($compilE) {
return {
scope: {
val: '@uiSrefVal',if: '=uiSrefIf'
},link: function($scope,$element,$attrs) {
$element.removeAttr('ui-sref-if');
$compile($element)($scopE);
$scope.$watch('if',function(bool) {
if (bool) {
$element.attr('ui-sref',$scope.val);
} else {
$element.removeAttr('ui-sref');
$element.removeAttr('href');
}
$compile($element)($scopE);
});
}
};
})
;
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <script src="https://cdnjs.cloudFlare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <form name="form"> <input ng-model="foo" ng-required="true"> <button ng-disabled="form.$invalid"> <a ui-sref-if="!form.$invalid" ui-sref-val="home">test</a> </button> </form> </div>
以上是大佬教程为你收集整理的angularjs – 根据条件禁用ui-sref全部内容，希望文章能够帮你解决angularjs – 根据条件禁用ui-sref所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。