JSOM / SP. js от Angular?

Question

У нас есть несколько приложений SharePoint (SP 2013 и SP Online), разработанных в Angular, которые загружаются в библиотеку документов и получают доступ к данным SP через веб-службы SP (REST). Есть ли способ использовать JSOM из такого приложения (то есть не надстройки SharePoint или SPFX)? Я смотрел на SharePointPlus, и он довольно хорош, и я довольно легко начал работать с Angular, но на SP есть так много материала (обсуждения, примеры и т. Д. c), что было бы неплохо используйте это непосредственно, если это было прямо вперед сделать.

Answer 1

Это API-интерфейсы на стороне клиента, вы можете использовать любой из них.

Пример демонстрации ( Или демонстрация API REST отсюда ):

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sharepointplus/browser/sharepointplus.js"></script>
    <script type="text/javascript">
        var spApp = angular
            .module("spApp", [])
            .controller("viewItemsController", function ($scope) {
                $SP().list('Contacts').get({
                    fields: "Title,sNumber,Name,Amount,ID"
                })
                .then(function (data) {
                    var jsonResult = [];
                    for (var i = data.length; i--;) {
                        jsonResult.push({ ID: data[i].getAttribute("ID"), Title: data[i].getAttribute("Title"), sNumber: data[i].getAttribute("sNumber"), Name: data[i].getAttribute("Name"), Amount: data[i].getAttribute("Amount") });
                    }                    
                    $scope.$apply(function () {
                        $scope.contacts = jsonResult;
                    });
                });
            })
    </script>
    <h3>View Contacts</h3>
    <hr />
    <div ng-app="spApp">
        <div ng-controller="viewItemsController">
            <div ng-repeat="contact in contacts">
                {{contact.ID}}: {{contact.Title}}, {{contact.sNumber}}, {{contact.Name}}, {{contact.Amount}}
                <br />
            </div>
        </div>
    </div>