Javascript 使用Dev、AngularJS和RestAPI创建Sharepoint应用程序

我需要创建一个sharepoint应用程序，列出代码中选定的项目。我在napa中创建了代码，并将其下载到visualstudio进行更好的编辑

我在chrome控制台中遇到以下错误：未捕获SyntaxError:意外令牌

此代码位于Napa创建的default.aspx中：

    <div ng-app>
        <b>AngularJS + Sharepoint!</b>
        <div ng-controller="MyController" class="ng-scope">
            <div ng-repeat="p in Products">
                Product Name: {{p.ProductName}} <br />
                Rate: Rs. {{p.ProductRate}} <br />
                <hr />
            </div>
        </div>
    </div>

    <script>    
        function MyController($scope) {
            $scope.loadREST = function () {
                jQuery.ajax({
                    url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('ProductList')/items?$select=ProductName,ProductRate",
                    type: "GET",
                    dataType: "JSONP",
                    headers: { "Accept": "application/json;odata=verbose" },
                    success: function (data) {
                        var newData = [];
                        jQuery.each(data.d.results, function (index, value) {
                            newData.push({ ProductName: value.ProductName, ProductRate: value.ProductRate});
                        });
                        $scope.$apply(function () {
                            $scope.Products = newData;
                        });
                    },
                    error: function () {
                        //alert(_spPageContextInfo.webAbsoluteUrl);
                        alert("erro de conexão");
                    }
                });
            };
            $scope.loadREST();
        }
    </script>

---

当您单击chrome中的错误时，它会将您带到包含错误的相关javascript文件。这会带你去哪里？Chrome没有显示任何相关代码。只有错误。我以前在ajax调用返回的数据出错时见过这种情况。你能使用chrome的网络标签来检查ajax请求的响应并将结果发布到这里吗？我从来没有这样做过，所以我必须在这里粘贴什么？标题、预览、响应或计时？发布响应部分