【发布时间】:2017-01-26 22:43:48
【问题描述】:
我是 Angular js 的新手。我想使用 ng-repeat 从 http 获取内容来重复列表。但不幸的是,我在 JSON 中的第 40 位得到了 Unexpected token t。
这是我的代码
<!DOCTYPE>
<html ng-app="easternApp">
<body ng-controller="easternController">
<div class="clearfix blogs" ng-repeat=" item in homelist | orderBy: 'title' | limitTo: 5">
<h2>
<a href="#" ng-bind="item.title"></a>
</h2>
<figure><img ng-src="{{ item.imgpath }}" alt="" /></figure>
<div class="blogicon clearfix">
<div class="blog_collectinfo">
<i class="flaticon-small-calendar"></i>
<span ng-bind="item.post_date | date: 'medium'"></span>
</div>
<div class="blog_collectinfo">
<i class="flaticon-chat"></i>
<span ng-bind="item.treatments"></span>
</div>
<div class="blog_collectinfo">
<i class="flaticon-eye"></i>
<span ng-bind="item.view"> views</span>
</div>
</div>
<article class="blogcontent">
<p ng-bind="item.blogcontent | limitTo: 250"></p>
</article>
</div>
<script>
var eastern_app = angular.module('easternApp', ['ui.bootstrap']);
eastern_app.controller("easternController", function($scope, $http, $sce) {
var homelist_file = "files/homelist_file.json";
$http({
method: "GET",
url: homelist_file,
contentType: "application/json; ",
dataType: "json",
}).then(function(response) {
$scope.homelist = response.data.homelist_list;
});
});
</script>
</body>
</html>
我的 json 文件的链接是
http://pixperfectionist.in/work/dump/homelist_file.json
我是 Angular js 的新手。我想使用 ng-repeat 从 http 获取内容来重复列表。但不幸的是,我在 JSON 中的第 40 位得到了 Unexpected token t。请帮我解决问题。
提前致谢
【问题讨论】:
-
Unexpected token通常意味着您的 JSON 格式不正确。或者您正在检索实际上不是 JSON 的内容。 -
嗨,克里斯,感谢您的评论。这是我的 json 文件。 pixperfectionist.in/work/dump/homelist_file.json
-
JSON 中的对象属性名称必须用
"字符引用。您的属性名称没有被引用。 -
所以
{ "hello": "world" }有效,{ hello: "world" }无效。 -
欢迎来到 Stack Overflow!您的问题的全部内容必须在您的问题中in,而不仅仅是链接。链接失效,使问题及其答案对未来的人们毫无用处,人们不应该离开现场来帮助你。将minimal reproducible example 放入 问题中,最好使用 Stack Snippets(
<>工具栏按钮)使其可运行。更多:How do I ask a good question?
标签: javascript angularjs json html css