SharePoint Online Webpart上的AngularJS错误页面

Question

我有一个Web部件页面，其中添加了脚本编辑器Web部件。然后我粘贴下面的代码在...

<link data-require="bootstrap-css@*" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> 
<h2>Questionnaire:</h2> 
<br /> 
<div ng-app="App"> 
    <div ng-controller="spListCtrl"> 
     <table width="100%" cellpadding="10" cellspacing="2" class="employee-table"> 
      <tr ng-repeat="control in Controls"> 
       <td>{{control.Title}}</td> 
       <td> 
        <input type="radio" name="{{control.Id}}" value="Yes">Yes 
        <input type="radio" name="{{control.Id}}" value="No">No 
       </td> 
       <td> 
        <textarea id="{{control.Id}}Comment"></textarea> 
       </td> 
      </tr> 
     </table> 
    </div> 
</div> 
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
<script> 
    jQuery(document).ready(function() { 
     var App = angular.module('App', []) 
     .controller('spListCtrl', function ($scope, $http) { 
      $http({ 
       method: 'GET', 
       url: "https://myteamsite.domain.com/_api/web/lists/getByTitle('MyListName')/items?$select=Id,Title", 
       headers: { "ACCEPT": "application/json;odata=verbose" } 
      }).success(function (data, status, headers, config) { 
       $scope.Controls = data.d.results; 
      }); 
     }); 
    }); 
</script> 

当我保存并查看该页面，我只看到“{{control.Title}}”

当我检查控制台在Chrome中，我看到一个错误说该模块无法加载...

Uncaught Error: [$injector:modulerr]

我已检查并重新检查拼写。没有任何工作。我错过了什么？

Answer 1

您需要移除jQuery(document).ready(function() {才能运行您的代码，为什么它首先需要您。

Working Plunkr