來自 Angular 的 JSOM/SP.js？

Question

我們有一些在 Angular 中開發的 SharePoint（SP 2013 和 SP Online）應用程序，它們被上傳到文檔庫並通過 SP 的 Web 服務 (REST) 訪問 SP 數據。 有沒有辦法從這樣的應用程序（即不是“SharePoint Addin”或 SPFX）中使用 JSOM？ 我一直在研究 SharePointPlus，它非常好，我很容易從 Angular 獲得它，但是 SP.js 上有太多現有材料（討論、示例等），如果它是直接的，直接使用它會很好向前做。

Answer 1

它們是客戶端 API，您可以使用它們中的任何一個。

示例演示（ 或來自此處的 REST api 演示）：

<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>