2017-02-21 6 views
0

私のサンプルSPAアプリケーションでjsonファイルを読み込もうとしましたが、私のアプリケーションを実行しようとすると、ブラウザのタブを埋めるわけにはいかないのです。私は初心者です。これは2日目ですが、私はこの問題を解決しようとしていますが、私の解決策はそれがあると思います。 ここに私のコード:事前 ALBO PS内angularJs <ng-repeat> jsonをロードする

<html ng-app="beerApp"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Angular.js Example</title> 
    <script src="js/libs/angular.js/angular.js" type="text/javascript"></script> 
    <script src="beerApp.js" type="text/javascript"></script> 
    </head> 
    <body ng-controller="beerCtrl"> 
    Search:<input ng-model="query" type="text"/> 
    <table> 
     <tr> 
     <th><a>Name</a></th> 
     <th>Description</th> 
     <th><a href="" ng-click="sortField = 'abv'">Abv</a></th> 
     <th><a href="" ng-click="sortField = 'name'">Ibu</a></th> 

     </tr> 
     <tr ng-repeat="beer in beers | filter:query | orderBy:sortField"> 
     <td>{{beer.name}}</td> 
     <td>{{beer.descript}}</td> 
     <td>{{beer.abv}}</td> 
     <td>{{beer.ibu}}</td> 
     </tr> 
    </table> 
    </body> 
</html> 

http://plnkr.co/edit/rBlt7tnCN8j0ys2HS7PZ?p=preview

感謝。完全版はplnkrにあります

答えて

1

plnkerにはindex.htmlタブが必要です。結果を見るhere

これは期待どおりに機能しています!

+0

私はそれを知らなかった!名誉! – Jax

関連する問題