Question

我正在尝试学习并同时执行应用程序框架ionic + angular。

在新闻标签中不显示存储在数组中的信息列表。

任何帮助请...

以下是使用的代码：

这是我的文件app.js：

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider){

    $ionicConfigProvider.navBar.alignTitle("center"); // centrar titulo de cada contenido de tab

    $stateProvider
        .state("app",{
            templateUrl: "templates/app.html",
            url: "/app",
            abstract: true
        })
        .state("app.noticias", {
            url: "/noticias",
            views: {
                "app-noticias":{
                    templateUrl: "templates/noticias.html",
                    controller: "noticiasCtrl"
                }
            }
        })  
        .state("app.servicios", {
            url: "/servicios",
            views: {
                "app-servicios":{
                    templateUrl: "templates/servicios.html",
                    controller: "serviciosCtrl"
                }
            }
        })

        $urlRouterProvider.otherwise("/app/noticias"); // Para cuando no encuentre nada se vaya a la pagina que se quiere mostrar por default           

})

.controller("noticiasCtrl", function($scope)
{

    var rawData = [{
      "id": "34",
      "City": "New York"
    }, {
      "id": "22",
      "City": "Las vegas"
    }, {
      "id": "44",
      "City": "Paris"
    }, {
      "id": "45",
      "City": "Lyon"
    }];
})

.controller("serviciosCtrl", function($scope)
{

})

noticias.html：

<ion-view title="Noticias">

    <ion-content ng-controller="noticiasCtrl">
          <ion-list>
            <ion-item ng-repeat="item in rawData">
                {{ item.city }}
            </ion-item>
          </ion-list>

      </ion-content>

</ion-view>

Answer 1

你试过$ scope.rawData吗？而不是var？使用范围会将其添加到控制器的范围内，并且可以访问。

选项卡中的打印列表noticias ionic + angular

1 个答案: