公司新項目用angular 并且要求在smartadmin里寫， 以前沒用過，記一下。
1.在自己的模塊里創(chuàng)建控制器controllers.js文件
文件里代碼如下：

angular.module('app.Inspection').controller("inspection",function ($scope, Inspectionhttp ) {//Inspectionhttp是第二步里自己定義的名稱，一定要傳$scope.param = {//返回給后臺的數(shù)據(jù)one: 1,two: 10,she: "",};$scope.loadData = function(pageNum) {console.log(pageNum);var param = {};angular.forEach($scope.param,function(item,val){//簡單過濾空數(shù)據(jù)的函數(shù)if(item.toString()){param[val] = item;}})param.pageNum = pageNum || param.pageNum;Inspectionhttp.getPurchaseData(param).then(function(res) {//調(diào)用Inspectionhttp里的方法，這個前面的名字一定記得根據(jù)自己寫的名字改$scope.pageInfo = res //調(diào)取數(shù)據(jù)成功把數(shù)據(jù)賦給$scope.pageInfo}, function(err) {console.log('load');//失敗在控制臺打印load})}$scope.loadData();} );

第2步。創(chuàng)建service.js文件 代碼如下：

"use strict";angular.module('app.integratedQuery').service("CurrentQhttp" //"currentQhtttp"是你定義的接口的名稱, function($http, $q, APP_CONFIG) {this.getPurchaseData = function(params) {var d = $q.defer();$http({method : 'POST',url : APP_CONFIG.baseUrl + '/storage/getTGStorages',params : params,}).then(function successCallback(response) {// 請求成功執(zhí)行代碼d.resolve(response.data);}, function errorCallback(response) {// 請求失敗執(zhí)行代碼d.reject("error");});return d.promise;} })

第3步。 HTML部分，因為我們公司這個項目大部分是表格，所以舉個跟表格相關的例子：將獲取到的后臺數(shù)據(jù)渲染到table里

<table><thead><tr><th>序號</th><th data-class="expand">姓名</th><th>性別</th></tr></thead><tbody> // pageInfo.list是第一步里存數(shù)據(jù)的<tr ng-repeat='item in pageInfo.list track by $index'><td>{{$index}}</td><td>{{itemName}}</td><td>{{item.sex}}</td></tr></tbody></table>

總結(jié)

以上是生活随笔為你收集整理的angular框架的SmartAdmin模板 如何请求后台数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。