我想在我的主屏幕上显示图像阵列，但它不工作

-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

其工作感谢... –

你能帮忙...它的工作正常，但是当我尝试运行它与离子发球或本地主机。它不工作 –

我想在我的主屏幕上显示图像阵列，但它不工作

回答

相关问题