AngularJS Sharepoint Online App - JSON REST - 找不到列表或列表项或字段值

Question

我想创建一个使用 AngularJS 从我的列表中获取信息并从每个列表项中获取值的应用程序。当我将所有代码放入链接角度文件的页面上的脚本编辑器.js时，它工作正常。例如，我可以通过指定{{item.标题}}，将显示标题(Item1(。

但是现在我想部署一个应用程序部件来执行相同的操作，因此我可以将应用程序部件放在我的页面上，而不是在脚本编辑器中编写大量代码。因此，我在Visual Studio中创建了一个SharePoint应用程序，并从.css，.js和.aspx复制内容。如果我们说我的此 SharePoint 网站的网址是：https://sharepointonline365.sharepoint.com/sites/devsite/。当我部署应用时，它会部署到 https://sharepointonline365-f7a048d3d91264.sharepoint.com/sites/devsite/MyApp。因此，它显示 {{项。标题}} 而不是我使用脚本编辑器时那样的 Item1。它只是找不到我的物品。我还在我的角度代码上收到以下错误：验证(HTML5(：属性"ng-controller"不是元素"div"的有效。我的代码如下所示：

<div ng-app="spApp">
<div ng-controller="scopeCtrl">
    <div ng-repeat="item in Items" class="archive1">
        {{item.Title}
    </div>
</div>

var spApp = angular.module('spApp', []);
spApp.controller('scopeCtrl', function ($scope, $http) {
$http(
{
    method: "GET",
    url: _spPageContextInfo.webServerRelativeUrl + "/_api/web/lists/getByTitle('TestList')/items?$select=Title",
    headers: { "Accept": "application/json;odata=verbose" }
}
).success(function (data, status, headers, config) {
    $scope.Items= data.d.results;
}).error(function (data, status, headers, config) {
});
});

它找不到我的角度。我做错了什么？请帮忙！

韩国克朗

Answer 1

从您发布的内容来看，我能为您提供的建议很少

1. 由于您无论如何都无法上载服务器代码，因此请使用 SharePoint 设计器将文件上载到 SharePoint
2. 有时 CDN 需要更长的时间才能加载，并且使用 SharePoint 有时会看到影响，尝试将 Angular 与 anugluar.js 文件一起使用而不是 CDN。
SharePoint

3. 脚本不会在文档准备就绪时停止或完成，也不会在文档准备就绪后停止或完成。 Angular 等待文档就绪事件完成并启动。 尝试使用 SharePoint 回调_spBodyOnLoadFunctionNames初始化 Angular，如下所示

   function runAfterEverythingElse() {
   //do stuff like spApp = angular.module('spApp', []);
   };
   _spBodyOnLoadFunctionNames.push("runAfterEverythingElse");
   

如需更多帮助，如评论所示，请放入完整代码