<div class="col-sm-offset-2 col-sm-10">
<button class="btn btn-primary" ng-disabled="groupForm.$invalid" ng-click="saveGroup()">
保存<i class="fa fa-refresh fa-spin fa-lg fa-fw" ng-show="showLoading"></i>
</button>
</div>
//js controller代码
var teamModule = angular.module("TeamModule", [])
teamModule.controller('GroupCtrl', function($scope, $http, $state, $stateParams) {
$scope.showLoading = false
$scope.groupInfo = {}
$scope.toggleLoading = function(isShow){
$scope.showLoading = isShow
}
$scope.saveGroup = function(){
$scope.toggleLoading(true)
//请求使用jquery进行发送
$.ajax({
url: 'group/save',
data: $scope.groupInfo,
dataType: 'json',
type: "post",
success: function(data){
console.log(data)
$scope.toggleLoading(false)
},
error: function(){
$scope.toggleLoading(false)
}
})
}
})
AngularJS提供$http控制,可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好,$http可以用以下面的方式从服务器得到数据。function studentController($scope,$http) {
var url="data.txt"
$http.get(url).success( function(response) {
$scope.students = response
})
}
在这里,data.txt中包含的学生记录。 $http服务使Ajax调用和设置针对其学生的属性。 “学生”模型可以用来用来绘制 HTML 表格。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)