如何在 AngularJS 在ajax回调里通过设置ng-s

如何在 AngularJS 在ajax回调里通过设置ng-s,第1张

<!-- 页面html片段-->

<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 表格。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11290648.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存