Angular SharePoint 2016 自定义列表显示数据答案

【问题标题】：Angular SharePoint 2016 custom list display dataAngular SharePoint 2016 自定义列表显示数据
【发布时间】：2018-12-17 21:48:18
【问题描述】：

我正在尝试在 CEWP 的帮助下将 SharePoint 2016（On Prim）自定义列表项数据显示到 Web 部件页面中。 1）我创建了一个自定义列表名称“AngularDisplay”，默认列“Title” 2) 检查通过 url "/_api/web/lists/getByTitle('AngularDisplay')/items?$select=Title" 呈现的 JSON 数据 3) 在 CEWP 复制以下代码

{
<html>
<title>Display Operation ByAJS</title> 
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js" type="text/javascript"></script> 
<script>
var app = angular.module('myApp', []);
app.controller('DisplayCtrl',function($scope,$http) {
$http({
        method: 'GET',
        url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('AngularDisplay')/items?$select=Title",
        headers: { "Accept": "application/json;odata=verbose" }
      }).then(function onSuccess(response) {
         var data = response.data;
         $scope.DisplayListData = data.d.results;
         }).catch(function onError(response) {
            alert("Error occured during data fetch");
           }); 
});
</script> 
</head>
<body ng-app="myApp">
<div ng-controller="DisplayCtrl"> 
   <table> 
      <tbody>
         <tr> 
            <th>ID</th> 
          </tr> 
         <tr ng-repeat="customer in DisplayListData"> 
            <td>{{customer.Title}}</td> 
          </tr> 
      </tbody>
   </table> 
</div> 
</body>
</html>

}

我在这里错过了什么吗？请提出建议。

Fire bug 仅提供 2 个警告：

[弃用] 'window.webkitStorageInfo' 已弃用。请改用“navigator.webkitTemporaryStorage”或“navigator.webkitPersistentStorage”。 AsyncDeltaManager$_retrieveDelta @ start.js?rev=TAG0:1

[弃用] 应用程序缓存在非安全上下文中已弃用，并且将在 2018 年 9 月左右在 M69 中被限制为安全上下文。请考虑将您的应用程序迁移到 HTTPS，并最终转移到 Service Worker。

enter image description here

请通过 creativemonktimepass@gmail.com 联系我

【问题讨论】：

标签： angular sharepoint

【解决方案1】：

我发现您在 body 标记中使用了 ng-app 标记，该标记被省略了。所以你需要在父 div 中包含 ng-app 标签，如下所示：

带输出的代码：

【讨论】：

感谢 Pradip，但没有运气问题仍然存在。
你可以查看我发布的这个更新的解决方案
ID

{{customer.Title}}