AngularJS ng-switch-when выражение

Question

Я пытаюсь создать своеобразное меню с вкладками, используя ng-switch.

Я установил вкладки в моих Ctrl (потоки) и следить за выбранной в данный момент один, как выбор:

app.controller("StreamCtrl", function($scope) { 
$scope.streams = [{ 
    title: 'latest', 
    icon: 'time', 
    data: "Hi, I'm data." 
}, { 
    title: 'popular', 
    icon: 'fire', 
    data: "Hi, I'm data too!" 
}]; 

$scope.selection = $scope.streams[0]; 

$scope.getCurrentStreamIndex = function(){ 
    // Get the index of the current stream given selection 
    return $scope.streams.indexOf($scope.selection); 
}; 

// Go to a defined stream index 
$scope.goToStream = function(index) { 
    if($scope.streams[index]) { 
     $scope.selection = $scope.streams[index]; 
    } 
}; 
}); 

И на мой взгляд (index.html), я использую нг-повтора, чтобы создать контейнер для каждой вкладки:

<section class="streams" ng-controller="StreamCtrl" ng-switch="stream.title == selection.title"> 
     <section class="stream" ng-switch-when="true" ng-repeat="stream in streams"> 
      {{stream.title}} 
      <div class="loaderContainer"><div class="loader"></div></div> 
     </section> 
    </section> 

проблема я бегу на это с моим нг-переключателя-, когда утверждение, потому что он не будет принимать выражение.

Если бы я мог установить ng-switch-when="{{stream.title}}", то, полагаю, я мог бы использовать ng-switch="selection.title", и все было бы хорошо.

Как бы структурировать выражение ng-switch, хотя оно соответствует динамически сгенерированному списку?

Answer 1

Хорошо, проверить это, я думаю, что это должно дать вам достаточно, чтобы продолжать идти:

http://jsbin.com/okukey/1/edit

Новый HTML:

<div ng-controller="StreamCtrl"> 
    <section class="streams" ng-repeat="stream in streams"> 
     <section class="stream"> 
      {{stream.title}} 
      <div class="loaderContainer" ng-show="stream == selection"><div class="loader">SELECTED</div> 
     </section> 
    </section> 
    </div>