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>