我试图在CEWP的帮助下将SharePoint 2016(On Prim)自定义列表项数据显示到webpart页面中 . 1)我创建了一个自定义列表名称“AngularDisplay”,默认列为“Title”2)通过url检查JSON数据呈现“/ _api / web / lists / getByTitle('AngularDisplay')/ items?$ 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>
}
我在这里错过了一些东西 . 请建议 .
Fire bug只提供2个警告:
[弃用]'window.webkitStorageInfo'已弃用 . 请改用“navigator.webkitTemporaryStorage”或“navigator.webkitPersistentStorage” . AsyncDeltaManager $ _retrieveDelta @ start.js?rev = TAG0:1
[弃用]应用程序缓存在非安全上下文中已弃用,并且将限制在2019年9月左右的M69中的安全上下文 . 请考虑将应用程序迁移到HTTPS,并最终转移到服务工作者 .
请在creativemonktimepass@gmail.com ping我
1 回答
我发现你在body标签里面使用了ng-app标签,这个标签被省略了 . 所以你需要在父div中包含ng-app标签,如下所示:
<div ng-app =“myApp”ng-controller =“DisplayCtrl”>
带输出的代码: