Angular 角度SharePoint 2016自定义列表显示数据_Angular_Sharepoint

Angular 角度SharePoint 2016自定义列表显示数据

angular sharepoint

Angular 角度SharePoint 2016自定义列表显示数据,angular,sharepoint,Angular,Sharepoint,我正试图在CEWP的帮助下将SharePoint 2016（在Prim上）自定义列表项数据显示到一个Web部件页面中。 1）我创建了一个自定义列表名“AngularDisplay”，默认列为“Title” 2）通过url“/\u api/web/lists/getByTitle（'AngularDisplay'）/items检查JSON数据呈现？$select=Title” 3）在CEWP复制了以下代码 { <html> <title>Display Operati

我正试图在CEWP的帮助下将SharePoint 2016（在Prim上）自定义列表项数据显示到一个Web部件页面中。 1）我创建了一个自定义列表名“AngularDisplay”，默认列为“Title” 2）通过url“/\u api/web/lists/getByTitle（'AngularDisplay'）/items检查JSON数据呈现？$select=Title” 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>

}

{
显示操作ByAJS
var-app=angular.module（'myApp'，[]）；
app.controller（'DisplayCtrl'，函数（$scope，$http）{
$http({
方法：“GET”，
url:_spPageContextInfo.webAbsoluteUrl+“/_api/web/List/getByTitle（'AngularDisplay'）/items？$select=Title”，
标题：{“接受”：“应用程序/json；odata=verbose”}
}).then（函数成功（响应）{
var数据=响应数据；
$scope.DisplayListData=data.d.results；
}).catch（函数onError（响应）{
警报（“数据提取期间发生错误”）；
}); 
});
身份证件
{{customer.Title}}
}

我错过了什么吗。请建议

Fire bug只提供了两个警告：

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

[弃用]应用程序缓存在非安全上下文中弃用，并将在2018年9月左右限制在M69中的安全上下文中。请考虑将应用程序迁移到HTTPS，并最终转移到服务人员。

请打电话给我creativemonktimepass@gmail.com

我发现您正在使用ng app tag INDER body标记，该标记已被忽略。因此，您需要在父div中包含ng app标记，如下所示：

带输出的代码：

谢谢Pradip，但幸运的是问题依然存在。您可以检查我发布的ID{{customer.Title}的更新解决方案我好像犯了点小错误，你能看一下快照并告诉我吗creativemonktimepass@gmail.comCode在屏幕截图中，在控制器中添加调试器并检查