リストを通過する方法はありますか？ Ionic Framework

Question

こんにちは私はアイテムのリストを持っています。このように：

// Some fake testing data 
    var chats = [{ 
    id: 0, 
    name: 'Ben Sparrow', 
    lastText: 'London', 
    face: 'img/ben.png' 
    }, { 
    id: 1, 
    name: 'Max Lynx', 
    lastText: 'Paris', 
    face: 'img/max.png' 
    }, { 
    id: 2, 
    name: 'Adam Bradleyson', 
    lastText: 'Berlin', 
    face: 'img/adam.jpg' 
    }, { 
    id: 3, 
    name: 'Perry Governor', 
    lastText: 'Tokio', 
    face: 'img/perry.png' 
    }, { 
    id: 4, 
    name: 'Mike Harrington', 
    lastText: 'Milan', 
    face: 'img/mike.png' 
    }]; 

すべてのリスト項目を見ると、都市の名前を持つlastTextがあります。そして、これは私のビューファイルです： `

<ion-item class="item-remove-animate item-avatar item-icon-right" ng-init="getWeather(chat.lastText)" ng-repeat="chat in chats" type="item-text-wrap" href="#/tab/chats/{{chat.id}}" > 
    <img ng-src="{{chat.face}}"> 

    <h2>{{cityname}}</h2> 
    <p>{{dweather}}</p> 
    <i class="icon ion-chevron-right icon-accessory"></i> 

    <ion-option-button class="button-assertive" ng-click="remove(chat)"> 
     Delete 
    </ion-option-button> 
    </ion-item> 
</ion-list> 

`

私は選択した都市の天気を返す関数getWeather(chat.lastText)を持っています。変数citynameおよびdweather。すべてのリスト項目のlastText変数に格納されているすべての都市の天気を表示したい。しかし、それはすべてのリストアイテムの最初の都市の天気だけを示しています。私の質問はそれを可能にする方法です。

Answer 1

私はあなたのgetWeather機能がどのようなものかわかりませんが、代わりに「グローバル」スコープの変数に結果を割り当てるので、あなたはchatオブジェクトにそれらを置く必要があります。

$scope.getWeather = function(chat) { 
    // get weather 
    weatherService.getWeather(chat.lastText).then(function(response) { 
     var weatherResult = response.data; 
     chat.cityname = weatherResult.cityname; 
     chat.dweather = weatherResult.dweather; 
    }); 
} 

次にあなたが表示することができますそれこのような：

​​

Answer 2

ng-initからgetWeather(chat.lastText)を削除し、だけの方法を以下試してください。 ng-initはng-repeatで一度だけコールされます。

<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats" type="item-text-wrap" href="#/tab/chats/{{chat.id}}"> 
 
    <img ng-src="{{chat.face}}"> 
 
{{getWeather(chat.lastText)}} 
 
    <h2>{{cityname}}</h2> 
 
    <p>{{dweather}}</p> 
 
    <i class="icon ion-chevron-right icon-accessory"></i> 
 

 
    <ion-option-button class="button-assertive" ng-click="remove(chat)"> 
 
    Delete 
 
    </ion-option-button> 
 
</ion-item> 
 
</ion-list>

または

<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats" type="item-text-wrap" href="#/tab/chats/{{chat.id}}"> 
 
    <img ng-src="{{chat.face}}"> 
 
    <div ng-repeat="n in getWeather(chat.lastText)"></div> 
 
    <h2>{{cityname}}</h2> 
 
    <p>{{dweather}}</p> 
 
    <i class="icon ion-chevron-right icon-accessory"></i> 
 

 
    <ion-option-button class="button-assertive" ng-click="remove(chat)"> 
 
    Delete 
 
    </ion-option-button> 
 
</ion-item> 
 
</ion-list>