这是我的第一个离子技术项目。我还在学习,但我被困在一个地方。在js页面中,我创建了用于列出电影的重复页面。我想为这个页面创建一个示例结构。所有的电影都应该是重复的。
movie.picture、movie.title和**movie.trating我添加了这些thigs,但我无法在js和数据服务方面获得它们的值。我混淆了js和数据服务部分。我需要一些基本的例子:)我怎样才能得到这些值?(顺便说一句,很抱歉我的语言不好)
<ion-view view-title="films" ng-controller="filmlistcontroller">
<ion-content class="padding">
<div class="list" ng-repeat="movie in movies">
<br/>
<br/>
<a class="item item-thumbnail-left" href="#/tab/film">
<img ng-src="{{movie.picture}}" href="#/tab/film">
<h2>movie.title</h2>
<p>movie.rating</p>
</a>
</div>
</ion-content>
</ion-view>
教程:试试这个
index.html:
<ion-view view-title="films" ng-controller="filmlistcontroller">
<ion-content class="padding">
<div class="list" ng-repeat="movie in movies">
<br/>
<br/>
<a class="item item-thumbnail-left" href="#/tab/film">
<img ng-src="{{movie.picture}}" href="#/tab/film">
<h2>{{movie.title}}</h2>
<p>{{movie.rating}}</p>
</a>
</div>
</ion-content></ion-view>
电影列表控制器:
.controller('filmlistcontroller', function($scope,$http ) { $http.get('URL')
.success(function (response) {
$scope.movies = response;
console.log("$scope.productInfo :"+JSON.stringify($scope.movies));
}).error(function(){
})});
希望这对你有帮助。