转盘幻灯片不适用于图像的后端数据

时间:2018-07-19 13:34:31

标签: angular twitter-bootstrap

我将图像存储在mongodb中并从db中获取 所有图像内容都在数组中,我使用了角度ng-repeat,如下所示

    <carousel style=" width: 300px;
height: 300px;
height: auto;
float: left;
margin: 3px;
padding: 3px;">
        <slide ng-repeat="slide in data.photos">
          <a class="thumbanails" target="_blank" href="data:image/png;base64,{{slide}}">

        <img ng-hide="!slide" data-ng-src="data:image/png;base64,{{slide}}" alt="no photos"/></a>
     <div flex ng-if="!slide"><img data-ng-src="images/nophoto.jpg" alt="no photos"/></div>
        </slide>
        </carousel> 

所有图像一次获取。 请任何人帮助我

1 个答案:

答案 0 :(得分:0)

正常的自举轮播无法按角度运行。您必须使用ng-bootstrap轮播。您可以找到更多信息here

确保已完成以下操作:

1)使用$('#signUpModal').on('hidden.bs.modal', function (e) { $('#otherElement').removeClass('modal-open'); });

安装引导CSS

2)使用npm install bootstrap@latest

安装ng-bootstrap