problems working ui-bootstrap-tpls-2.0.2 Carousel AngularJS
problems working ui-bootstrap-tpls-2.0.2 Carousel AngularJS
在尝试添加bootstrap carousel ui时,我无法看到我正在调用的图像
进口 <!-- <link href="resource/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet"> -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="resource/css/estilos.css" rel="stylesheet" >
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<script type='text/javascript' src='./resource/angular-1.5.5/angular.js'></script>
<script type='text/javascript' src='./app/controllers/Gallery2.js'></script>
<script type='text/javascript' src='./resource/framework/ui-bootstrap-tpls-2.0.2.js'></script>
<script type='text/javascript' src='./resource/angular-1.5.5/angular-animate.js'></script>
html <div class="span10" >
<!--Body content-->
<div ng-controller="CarouselDemoCtrl">
<div style="height: 305px">
<div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
<div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
<img ng-src="{{slide.Path}}" style="margin:auto;">
<div class="carousel-caption">
<h4>Slide {{slide.ImageID}}</h4>
<p>{{slide.Title}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
js
angular.module('myModule', ['ngAnimate', 'ui.bootstrap']).controller('CarouselDemoCtrl',function ($scope) {
$scope.myInterval = 5000;
$scope.slides = [[
{
"ImageID": 1,
"Title": "Tulips",
"Summary": "This is summary of Tulips",
"Path": "''resource''img''logo.png"
}
]];
});
I还出现了这些属性:active、interval、wrap、index:
不允许属性索引
我很感激你的帮助
您正在跟踪<div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
中的属性id
, $scope.slides
项没有该属性。你可以通过ImageId来跟踪,或者把它改成id。我为您提供了一个基于您的示例的工作jsFiddle的链接。
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- AngularJS:我可以跳过函数参数回调吗
- AngularJS UI路由器不能像ng路由器那样工作
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如何包含特定于每个视图angularjs的javascript文件
- AngularJS:ng之后,重复$scope值未按预期更新
- AngularJS-在JSON选择器中使用变量名
- $window.ga在AngularJS事件中未定义
- AngularJS-使用'true'属性
- 打开一个模态并将其链接到AngularJS中的指令
- Angularjs代码未在匿名函数中运行
- angularjs+rails应用程序中未显示模板
- 我的AngularJS表达式没有'不起作用
- Bootstrap Carousel无法使用AngularJS
- UI Bootstrap Carousel(带有Bootstrap 2.3.2)在AngularJS中隐藏和显示时不工作
- AngularJS和owl-carousel环境中的数组串联
- Angularjs:错误:[$compile:ctreq] Controller 'carousel',
- 用AngularJS动态内容加载Owl Carousel 2
- 用AngularJS引导Carousel中的动态背景色
- problems working ui-bootstrap-tpls-2.0.2 Carousel AngularJS