angularJS - कई HTML तत्वों में ng-repeat को विभाजित करना

Question

यह तीसरा प्रश्न है जिसे मैंने आज पोस्ट किया है, इसलिए मुझे क्षमा करें, लेकिन मैं केवल उन चीजों में भाग रहा हूं जिन्हें मैं समझ नहीं पा रहा हूं।

angular.module('ngApp', []) 
.factory('authInterceptor', authInterceptor) 
.constant('API', 'http://appsdev.pccportal.com:8080/ecar/api') 
.controller('task', taskData) 

function taskData($scope, $http, API) { 
    $http.get(API + '/tasks'). 
    success(function(data) { 
    $scope.mainTask = data; 
    console.log(data); 
    }); 
} 

और कुछ सरल नीचे छीन एचटीएमएल:

यहाँ कोणीय के लिए मेरे कोड है

लेकिन मैं की जरूरत है:

<ul> 
     <li class="view1" ng-repeat="task in mainTask.Tasks"> <strong>CAR ID:</strong> {{ task['CAR ID'] }} </li> 
     <br> 
     <li class="view1" ng-repeat="task in mainTask.Tasks"> <strong>Title:</strong> {{task['Project Title']}} </li> 
     <br> 
     <li class="view1" ng-repeat="task in mainTask.Tasks"> <strong>Amount:</strong> ${{task.Amount}} </li> 
     <br> 

     <li class="view1" ng-repeat="task in mainTask.Tasks"> <strong>Status:</strong> {{task.Status}} </li> 
    </ul> 

यहां उसका रिटर्न है यह इस तरह दिखने के लिए:

मैं कैसे एनजी-दोहराने को विभाजित और मुझे मानों को अलग करने (यदि मैं कह रहा हूँ कि सही) है कि में खिलाया जा रहा है कर रहे हैं अनुमति देते हैं।

धन्यवाद कर सकते हैं!

Answer 1

<ul> पर अपने ng-repeat को ले जाएं। इस तरह, आपके mainTask.Tasks सूची में प्रत्येक task के लिए आपके पास अलग <ul> है।

<ul ng-repeat="task in mainTask.Tasks"> 
    <li class="view1" > <strong>CAR ID:</strong> {{ task['CAR ID'] }} </li> 
    <br> 
    <li class="view1"> <strong>Title:</strong> {{task['Project Title']}} </li> 
    <br> 
    <li class="view1"> <strong>Amount:</strong> ${{task.Amount}} </li> 
    <br> 

    <li class="view1"> <strong>Status:</strong> {{task.Status}} </li> 
</ul> 

Answer 2

अगर मैं तुम्हें समझ में अच्छी तरह से सवाल, तो आप सिर्फ लागू करने के लिए ng-repeat "उच्च" अपने html में की जरूरत है: प्रत्येक कार के लिए "एक सूची" आप यहाँ या तो प्राप्त करना चाहते हैं (1) या के लिए "एक तत्व" प्रत्येक कार (2)।

(1) है:

<ul ng-repeat="task in mainTask.Tasks"> 
    <li class="view"><strong>CAR ID:</strong> {{ task['CAR ID'] }}</li> 
    <li class="view"> <strong>Title: </strong> {{task['Project Title']}} </li> 
    <li class="view"> <strong>Amount:</strong> ${{task.Amount}} </li> 
    <li class="view"> <strong>Status:</strong> {{task.Status}} </li> 
</ul> 

(2) है:

<ul> 
    <li class="view" ng-repeat="task in mainTask.Tasks"> 
     <strong>CAR ID:</strong> {{ task['CAR ID'] }}<br> 
     <strong>Title:</strong> {{task['Project Title']}}<br> 
     <strong>Amount:</strong> ${{task.Amount}} <br> 
     <strong>Status:</strong> {{task.Status}} 
    </li> 
</ul> 

(2) एक सा बेहतर है क्योंकि शब्दार्थ, आप कारों इसलिए सभी की जानकारी की एक सूची दिखा रहे हैं एक कार <li> तत्व में होनी चाहिए, लेकिन यह वास्तव में एक विस्तार है।