Я хочу отобразить массив изображений на моем основном экране, но он не работает

-1

Код Для отображения изображений через угловые в tag.i'm с помощью контроллера pic, а детали этого контроллера находятся в угловом файле js. если кто-то может мне помочь, пожалуйста, сделайте это.Я хочу отобразить массив изображений на моем основном экране, но он не работает

HTML КОД

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link rel="manifest" href="manifest.json"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    <link href="css/animate.css" rel="stylesheet"> 
</head> 
<body ng-app="starter" > 

    <ion-pane> 
    <div class="bar bar-header bar-dark"> 
     <button class="button button-icon icon ion-navicon"></button> 
     <h1 class="title">AdsCafe</h1> 
    </div> 
    </ion-pane> 
    <div ng-controller="pic" > 
     <ion-content> 
     <img collection-repeat="photo in pic.photos" 
     item-height="33%" item-width="33%" 
     ng-src="{{photo}}"> 
     </ion-content> 

    </div> 

</body> 
</html>

Код Чтобы установить угловую массив надлежащего управления

ANGULAR JS КОД

angular.module('starter', ['ionic']) 
.controller('pic', function() { 
    this.photos = ['../img/a.gif','../img/b.gif','../img/c.gif','../img/d.gif','../img/qw.gif']; 

    ]; 


});

источник

2016-10-29 Azhar Ch

попытаться изменить, this.photos до $ scope.photos –

не работает .... –

вы вводили $ объем в контроллере и попробовал? –

-1

Я вижу, что какая-то ошибка здесь. Возможно, вы могли бы привести это в порядок.

1) Изменение pic к pic as pic в ng-controller (это основная проблема, я вижу)
2) удалить дополнительный ]; в контроллере (возможно только опечатка в вашем фрагменте кода)
3) Проверьте браузер консоли, чтобы увидеть является ли URL изображения существуют (попробуйте с веб-изображение, чтобы посмотреть работает ли)

<div ng-controller="pic as pic" > 
    <ion-content> 
     <img collection-repeat="photo in pic.photos" 
     item-height="33%" item-width="33%" 
     ng-src="{{photo}}"> 
    </ion-content> 
</div> 

angular.module('starter', ['ionic']) 
.controller('pic', function() { 
    this.photos = [ 
     'https://dummyimage.com/600x400/000/fff', 
     'https://dummyimage.com/600x400/eee/fff', 
     'https://dummyimage.com/600x400/aaa/fff' 
    ]; 
});

источник

2016-10-29 13:33:01 whyyie

его рабочие благодарности ... –

Можете ли вы, пожалуйста, помочь ... его работая отлично, но когда я пытаюсь запустить его с помощью ионной подачки или локального хоста. Это не работает –

Я хочу отобразить массив изображений на моем основном экране, но он не работает

ответ

Смежные вопросы