我想在我的主屏幕上顯示圖像陣列，但它不工作

-1

通過角度顯示圖像的代碼是在tag.i'm使用圖片控制器和該控制器的細節是在角度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）ng-controller更改pic到pic as pic（這是主要的問題，我看到）
2）在控制器中刪除多餘的];（也許只是錯字在您的代碼段）
3）檢查瀏覽器控制檯查看圖像是否存在URL（與Web圖像試試，看是否能夠正常工作）

<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

其工作感謝... –

你能幫忙...它的工作正常，但是當我嘗試運行它與離子發球或本地主機。它不工作 –

我想在我的主屏幕上顯示圖像陣列，但它不工作

回答

相關問題