javascript - 如何使用javascript在ionic框架(angularjs)中从数据库调用数据到首页

Question

这是我关于 ionic 技术的第一个项目。我仍在学习，但我卡在一个地方。在 js 页面中，我创建重复的页面来列出电影。我想为该页面创建一个示例结构。所有电影都应该重复。

movie.picture、movie.title 和 **movie. rating 我添加了这些东西，但我无法在 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>

Answer 1

此教程:Try This

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 :

.controller('filmlistcontroller', function($scope,$http ) {  $http.get('URL')
.success(function (response) {
  $scope.movies = response;
  console.log("$scope.productInfo :"+JSON.stringify($scope.movies));
}).error(function(){
})});

希望这对您有帮助。