如何将ng-repeat中的scope变量传递给javascript数组?

问题描述:

我在我的html中有一个重复循环,我需要将显示在表格行中的变量传递给一个javascript数组。我见过其他类似的答案,但似乎没有任何工作。如何将ng-repeat中的scope变量传递给javascript数组?

<tbody id="search-results-body"> 
 
    <tr ng-repeat="result in filteredResults "> 
 
    <td id = "latitude" ><a href="#/Services/edit/{{result.id}}">{{result.latitude}}</a></td> 
 
    <td><a href="#/Services/edit/{{result.id}}">{{result.longitude}}</a></td> 
 
    <td><a href="#/Services/edit/{{result.id}}">{{result.name}}</a></td> 
 
    <td><a href="#/Services/edit/{{result.id}}">{{result.address}}</a></td> 
 
    <td><a href="#/Services/edit/{{result.id}}">{{result.phone}}</a></td> 
 
    <td><a href="#/Services/edit/{{result.id}}">{{result.serviceType.name}}</a></td> 
 
        
 
    </tr> 
 
</tbody>

我需要得到所有{{result.latitude}}值,并把它们放在一个数组

是否有人可以告诉我的方式做到这一点? 感谢

+0

我不明白你在哪里试图通过一个范围。什么不行? – martin

+1

你正在看错地方。该视图仅显示数据模型中的内容,以及您需要的数据模型。一点也不清楚你想要做的除此之外 – charlietfl

在HTML中使用这样的事情

<tbody id="search-results-body"> 
    <tr ng-repeat="result in filteredResults " ng-init="newLongitudeArray[$index]=result.longitude"> 
    <td id = "latitude" ><a href="#/Services/edit/{{result.id}}">{{result.latitude}}</a></td> 
    <td><a href="#/Services/edit/{{result.id}}">{{result.longitude}}</a></td> 
    <td><a href="#/Services/edit/{{result.id}}">{{result.name}}</a></td> 
    <td><a href="#/Services/edit/{{result.id}}">{{result.address}}</a></td> 
    <td><a href="#/Services/edit/{{result.id}}">{{result.phone}}</a></td> 
    <td><a href="#/Services/edit/{{result.id}}">{{result.serviceType.name}}</a></td> 

    </tr> 
</tbody> 

或在JavaScript中使用这样的事情。

var newArray = []; 
filteredResults.forEach(function(item){ 
newArray.push(item.longitude); 
})