如何使用javascript将数据从数据库调用到ionic框架(angularjs）的首页

How to use javascript for calling data from database to front page in ionic framework(angularjs)

本文关键字：框架 ionic angularjs 首页 调用 javascript 何使用 数据 数据库      更新时间：2023-09-26

这是我的第一个离子技术项目。我还在学习，但我被困在一个地方。在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(){
})});

希望这对你有帮助。

相关文章：