Angularjs 对滑块使用ng开关和ng重复
我无法从控制器获取数据 这个例子很好:Angularjs 对滑块使用ng开关和ng重复,angularjs,slider,angularjs-animation,ng-switch,Angularjs,Slider,Angularjs Animation,Ng Switch,我无法从控制器获取数据 这个例子很好: <div class="panel panel-default" ng-controller="SliderCtrl"> <div class="panel-body" ng-switch="selectedSlide"> <img src="img0.jpg" ng-switch-when="0" class="my-switch-animation" /> <img
<div class="panel panel-default" ng-controller="SliderCtrl">
<div class="panel-body" ng-switch="selectedSlide">
<img src="img0.jpg" ng-switch-when="0" class="my-switch-animation" />
<img src="img1.jpg" ng-switch-when="1" class="my-switch-animation" />
<img src="img2.jpg" ng-switch-when="2" class="my-switch-animation" />
<img src="img3.jpg" ng-switch-when="3" class="my-switch-animation" />
<img src="img4.jpg" ng-switch-when="4" class="my-switch-animation" />
<img src="img5.jpg" ng-switch-when="5" class="my-switch-animation" />
</div>
</div>
我怎样才能做到这一点呢?如果幻灯片的价值是正确的,它的工作应该检查我在这里创建的示例
})
ng开关当
不支持表达式时,我建议您使用ng开关,如果
与ng开关在
<div class="panel panel-default" ng-controller="SliderCtrl">
<div class="panel-body">
<img ng-repeat="slide in slides" src="{{ slide.img }}" ng-if="slide.id == selectedSlide" class="my-switch-animation" />
</div>
</div>
无图像谢谢您的回答,但您的示例没有使用ng repeat INDER ng switch指令
function Ctrl() {
this.slides = [
{src: 'http://www.w3schools.com/angular/pic_angular.jpg'},
{src: 'http://www.ocpsoft.org/wp-content/uploads/2013/01/angularjs.png'}];
<div class="panel panel-default" ng-controller="SliderCtrl">
<div class="panel-body">
<img ng-repeat="slide in slides" src="{{ slide.img }}" ng-if="slide.id == selectedSlide" class="my-switch-animation" />
</div>
</div>