我有两个小问题:
第一个问题:
我有一个简单的表单,有两个按钮(添加信息和取消信息)。添加信息按钮提交通过http post发送一些信息。取消信息会location.path
到其他页面。
事实证明,单击时“取消信息”按钮不起作用。
第二个问题: 使用相同的表单,当我单击添加信息时,它会显示带有消息的div成功。我希望,如果显示该div,则添加信息按钮消失(不起作用)
HTML
<div ng-controller="informationController">
<form name="exampleForm" class="form-vertical col-md-12" ng-submit="addInformation()">
<div class="row">
<div class="col-md-4">
<div class="alert alert-success" ng-show="sucessAdd!=''" role="alert">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
<span class="sr-only">Success:</span> {{sucessAdd}}
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<div class="col-md-3">
<button type="submit" class="btn btn-info" ng-hide="sucessAdd!=''"><i class="icon-hand-right"></i>Add info</button>
</div>
<div class="col-md-3">
<button class="btn btn-danger"><i class="icon-hand-right" ng-click="go()" ></i>Cancel info</button>
</div>
</div>
</div>
</form>
</div>
CONTROLLER
controller('informationController', function($scope, $location) {
$scope.sucessAdd="";
$scope.addInformation = function() {
if("information is sent successfully") {
$scope.sucessAdd='Information created sucessfully!!';
}
$scope.go = function() {
$location.path("/pathToDefine");
};
}
});
所以,谁都可以帮助我? :)
答案 0 :(得分:0)
使用锚标记代替按钮。
<a href="" class="btn btn-danger" ng-click="go()"><i class="icon-hand-right"></i>Cancel info</a>
而是在锚标记上使用ng-click
。