2016-03-28 12 views
-6
myApp.controller("myctrl", function($scope) { 
    $scope.fullname = [ 
     { fname: 'Mohil', age: '25', city: 'San Jose', zip:'95112' }, 
     { fname: 'Darshit', age: '25', city: 'San Jose', zip:'95112'}, 
     { fname: 'Suchita', age: '25', city: 'Santa Clara', zip:'95182'} 
    ] 
} 
+0

これはちょうどどのチュートリアルでも見られるかなり基本的なものです。 [こちら](https://docs.angularjs.org/api/ng/directive/ngRepeat)をご覧ください。 –

+0

何が問題なのですか? –

+0

私はこの質問に回答するためにあなたの側からの努力を示していないので、この質問をダウン投票しています。それが指摘したように、これはドキュメントや多くの無料のチュートリアルに含まれる基本的なものです。 – Edward

答えて

1

ここには同じものを示すPlunkerがあります。必要なのはこれがそうするように設計された、そしてあなたがのプロパティを参照したいどのようなリピーターかなり多くあり、

HTML

<body ng-controller="MainCtrl"> 
    <ul ng-repeat="name in fullname"><li ng-bind="name.fname"></li></ul> 
    </body> 

app.js

$scope.fullname = [ 
    { fname: 'Mohil', age: '25', city: 'San Jose', zip:'95112' }, 
    { fname: 'Darshit', age: '25', city: 'San Jose', zip:'95112'}, 
    { fname: 'Suchita', age: '25', city: 'Santa Clara', zip:'95182'} 
]; 
+0

さて、コントローラへのアクセス方法によって異なります。あなたがトーマスから提出されたこの答えに示されているようにそれをやっているなら、彼の答えは上手です。しかし、あなたのコントローラーがルーティングモジュールによって注入されている場合は、htmlに明示的に注入する必要はありません。 – Edward

0

ですJavaScript内の他の場所と同じ方法でオブジェクトを作成できます。

<ul> 
    <li ng-repeat="person in fullname"> 
    {{ person.fname }} is {{ person.age }} years old. 
    </li> 
</ul> 

どのような部分で苦労していますか?

関連する問題