2016-12-18 7 views
0

名前と拡張プロパティを持つerrayを作成しました。ng-repeatを使用してそれをトラバースしたいと思います。 私はここで何が間違っているのか分かりますか?Angular JS:予想される結果を生成しないng-repeat

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
     pageEncoding="ISO-8859-1"%> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html lang="en" ng-app=""> 
    <head> 
    <script src="js/angular.min.js" type="text/javascript"></script> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Welcome to angular js</title> 
    </head> 
    <body> 

    <div ng-init="myFavLanguage=[{name:'PHP', extension:'.php'},{name='JAVA', extnsion='.java'}]"> 

    <p ng-repeat="lang in myFavLanguage"> 
    Name: {{lang.name}}<br> 
    Extension: {{lang.extension}}<br> 
    </p> 
     </div> 
    </body> 
</html> 
+0

あなたはextnsionで 'e'を忘れてしまいました。あなたは ':'の代わりに '='を使いました。 ng-initを使用しましたが、それを避けるべきであることが明確に文書化されています。このJSコードをjsファイルに入れることは、IDEが構文エラーを特定して通知するのがずっと簡単です。このような質問をするときには、起こると予想されることと、代わりに起こるエラーメッセージを含めて言う必要があります。問題の内容を推測させないようにしてください。 –

答えて

1

あなたは間違って( 'JAVA' 部分に)オブジェクトに値を代入されています。これに

<div ng-init="myFavLanguage=[{name:'PHP', extension:'.php'},{name='JAVA', extnsion='.java'}]"> 

変更これを:

<div ng-init="myFavLanguage=[{name: 'PHP', extension: '.php'}, {name: 'JAVA', extnsion: '.java'}]"> 
関連する問題