小编MdN*_*MdN的帖子

从Wikipedia检索数据并使用angularjs显示它

我是angularjs的新手.我试图从维基百科获取数据并在前端显示它.我使用以下php代码从wiki中重新获取数据

$url = 'http://en.wikipedia.org/w/api.php?action=query&prop=extracts|info&exintro&titles=Sachin_Tendulkar&format=json&explaintext&redirects&inprop=url&indexpageids';
$json = file_get_contents($url);
echo json_encode($json);
Run Code Online (Sandbox Code Playgroud)

以下是我的控制器

var demoApp = angular.module('demoApp',['ngRoute']);
demoApp.controller('SimpleController',function ($scope,$http){
    $http.post('server/view1.php').success(function(data){
        $scope.info = data;
    });
});
Run Code Online (Sandbox Code Playgroud)

我的HTML如下

<html ng-app="demoApp">
<head>
    <title> AngularJS Sample</title>
    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/angular-route.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-combined.min.css">
</head>
<body>
    <div ng-controller="SimpleController">
        {{info.query}} // I dont know if this is right
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想显示在前端检索但未显示的所有内容.我不知道我做错了什么.我是angularjs的新手.

javascript php wikipedia wikipedia-api angularjs

8
推荐指数
2
解决办法
3220
查看次数

标签 统计

angularjs ×1

javascript ×1

php ×1

wikipedia ×1

wikipedia-api ×1