私はタイトルとして提案しようとしています。問題は、ブラウザがjsonファイルから何も表示していないことです。それはかなりすぐにすべきですが、私は何がうまくいかなかったのか分からないようです。jsonファイルにangularJSを使ってデータを表示する方法は?
は、ここに私のapp.controller.js
var app = angular.module('myApp', []);
app.controller('appCtrl', function($scope, $http) {
$http.get('data.json').success(function(data){
$scope.display = data;
});
});
であると私は別のHTMLファイルに
<html ng-app ="myApp">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type='text/javascript' src="bower_components/angular/angular.js" charset="UTF-8"></script>
<script type='text/javascript' src="app/app.controller.js" charset="UTF-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body ng-controller="appCtrl">
<h2> Message Display </h2>
<table>
<tr>
<th> Title </th>
<th> abstract </th>
<th> source </th>
<th> publihsed time </th>
</tr>
<tr ng-repeat = "item in display">
<td> {{item.title}} </td>
<td> {{item.abstract}} </td>
<td> {{item.source}} </td>
<td> {{item.publish_time}} </td>
</tr>
</table>
</body>
</html>
を持っていると私は、各ファイルが正しいディレクトリにあることを確認しました。しかし、右のブラウザはタグのみにJSON構造の
が表示されていない私は、これはserver.js
var express = require('express');
var app = express();
app.use(express.static(__dirname));
app.get('/', function(req, res){
res.redirect('/index.html');
});
app.listen(8080);
json構造を投稿できますか?また、応答が返ってくるより早くあなたのビューがレンダリングされる可能性があります – Yaser
エラーが発生していますか?ページはどのように見えるのですか? – Jpsh
エラーは発生していません。私はちょうど私が – Kat