REST API $ html方法成功方法在Angular JS中不起作用 [英] REST API $html method success method is not working in Angular JS

问题描述

var listNameGUID =％7B3E8EC9F0％2D1828％2D4BBD％2DB67D％2DDE265F9FC934％7D";
var query =?select = Status％5Fx0020％5Fint％5Fx00e9％5Fgration";

var listNameGUID = "%7B3E8EC9F0%2D1828%2D4BBD%2DB67D%2DDE265F9FC934%7D";
var query = "?select=Status%5Fx0020%5Fint%5Fx00e9%5Fgration";

app = angular.module("app"，['ngMaterial'，'ngMessages'，'chart.js']);

app.controller("bar1_ctrl"，函数($ scope，$ http){
    
    $ http({
       方法:"GET"，
       网址:_spPageContextInfo.webAbsoluteUrl +``/_api/Web/Lists('''+ listNameGUID +``')/items'' +查询，
       标头:{"Accept":"application/json; odata = verbose"； }
    }).success(函数(数据，状态，标头，配置){
       警报("Jai Shree Mataji !!!")；
    }).error(函数(数据，状态，标头，配置){
        alert(状态);
    });

});

app = angular.module("app", ['ngMaterial', 'ngMessages', 'chart.js']);

app.controller("bar1_ctrl", function ($scope, $http) {
    
    $http({
        method: 'GET',
        url: _spPageContextInfo.webAbsoluteUrl + "/_api/Web/Lists('" + listNameGUID + "')/items" + query,
        headers: { "Accept": "application/json;odata=verbose" }
    }).success(function (data, status, headers, config) {
        alert("Jai Shree Mataji !!!");
    }).error(function (data, status, headers, config) {
        alert(status);
    });

});

推荐答案

Hi Hitesh，

Hi Hitesh,

以下是有关使用Angular JS调用REST API的演示:

Here is a demo about call REST API with Angular JS:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>  
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>  
  
<script>  
      
  
    var myAngApp = angular.module('SharePointAngApp', []);  
    myAngApp.controller('spCustomerController', function (

scope，

http){

这篇关于REST API $ html方法成功方法在Angular JS中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！