Попытка отобразить данные в моем пользовательском списке SharePoint Online с помощью страницы веб-частей с AngularJS

Question

<script>
    //AngularJS Code goes here
    var appVar = angular.module('listApp', ['ngRoute']);
    appVar.controller("controller1", function($scope){});
    function GetListItems($scope, EmployeeList){    
        var requestUrl = _spPageContextInfo.webAbsoluteUrl + "_api/sites/angularjsexercise/lists/getbytitle('EmployeeList')/items?$select=Firstname,Middlename,Lastname"; 
        $.ajax({
            url: requestUrl,
            method: "GET",
            async: false,
            headers: {"Accept" : "application/json;odata=verbose"},
            success: function(data)
            {
                $scope.items = data.d.results;
            },
                error: function(sender, args)
            {
                console.log(args.get_message());
            }
        });
    }
</script>

вот код, и я думаю, что URL является причиной, по которой данные не могут быть извлечены, но я пробовал так много способов правильно связать их, но ни один из них не работает

Answer 1

Отсутствует "/" перед _api, образец тестового скрипта в моей онлайн-среде.

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
    <script type="text/javascript">
        var spApp = angular.module('listApp', []);
        spApp.controller('controller1', function ($scope, $http) {
            $http({
                url: _spPageContextInfo.webAbsoluteUrl + "/_api/lists/getbytitle('MyList')/items?$select=Title",
                method: "GET",
                headers: { "Accept": "application/json;odata=verbose" }
            }).success(function (data) {
                var dataResults = data.d.results;
                $scope.listitems = dataResults;
            }).error(function (data, status, headers, config) {
                    alert("error");
                });
        });
    </script>
    <div ng-app="listApp">
        <div ng-controller="controller1">
            <ul style="list-style-type:none;">
                <li ng-repeat="item in listitems">
                    {{item.Title}}
                </li>
            </ul>
        </div>
    </div>