AngularJS ng-repeatが応答していません

-2

<!DOCTYPE html> 
<html> 
<meta charset="UTF-8"> 
<head><title> angular js </title> 

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<script src="js/angular.min.js"></script> 

</head> 

<body ng-app="myApp"> 


<div ng-controller="personCtrl" > 
<div class="row"> 
<div class="col-md-6"> 
    <div class="table-responsive"> 
    <table class="table table-stripped table-hover"> 
     <thead> 
     <tr> 
      <th> Artist </th> 
      <th> Title </th> 
      <th> Genra </th> 
      <th> Ratings </th> 
     </tr> 
    </thead> 
     <tbody> 
      <tr ng-repeat="song in songs"> 
      <td>{{ songs.Artist }}</td> 
      <td>{{ songs.Title }}</td> 
      <td>{{ songs.Genre }}</td> 
      <td>{{ songs.Ratings }}</td> 
      </tr> 
     </tbody> 

    </table> 
       </div> 
      </div> 
       </div> 
      </div> 


<script> 

var app = angular.module('myApp', []); 

app.controller('personCtrl', function($scope) { 


var songs =  [{Artist:"Kamikazee",Title:"Chicksilog",Genre:"Punk",Ratings:7}, 
      {Artist:"Hale",Title:"Bakit pa",Genre:"Alternative",Ratings:5}, 
      ]; 

$scope.song = songs; 

}); 
</script> 

</body> 
</html>

良い日、私は解決策を尋ねたい、または誰かが自分のコードで何が間違っているかを知ることができます。ここで問題がある、私はテーブルに曲のリストを表示したい、私は "曲"と呼ばれる変数にリストを置くことがわかります。それを実現するために角度コントローラを使用しています。そして、私のコントローラ「personCtrl」がView htmlに接続されていることを確認しています。しかし、テーブルにリストを表示するためにng-repeatメソッドを使用すると、Viewテーブルで何も起こっていないので、そこから問題が始まります。あなたが返事を期待感謝:)AngularJS ng-repeatが応答していません

出典

2016-06-02 expert123

をお使いのコントローラでは、 '$ scope.songs = songs'によって' $ scope.song = songs'を交換してください。あなたの見解では、 '{{songs.something}} 'の補間を{{song.something}}に変更します。 – Julien

あなたはちょうどあなたに '{{song.whatever}}' 'songs 'ではない –

Omg何が新人の間違いhihihは速い返信のためにみんなに感謝:) – expert123

<tr ng-repeat="song in songs"> 
      <td>{{ song.Artist }}</td> 
      <td>{{ song.Title }}</td> 
      <td>{{ song.Genre }}</td> 
      <td>{{ song.Ratings }}</td> 
      </tr>

歌/歌:)

出典

2016-06-02 09:09:13 Alex

はうまくあなたに仲間に感謝:) – expert123

AngularJS ng-repeatが応答していません

答えて

関連する問題