angularjs - AngularJS: ng-switch が機能しない

Question

選択に基づいて HTML コンテンツ ブロックを表示する方法を探しています。

私はこれを使用しないことを好みng-includeます。ng-ifとを見ましたng-show/hide。

でこれをやりたいのですがng-switch、このデモではうまくいくようです...しかし、私のコードではそうではありません。何か提案はありますか?

HTML:

<select ng-change="selectedAction(selectedType)" 
        ng-model="selectedType" 
        ng-options="type.name for type in relationshipType">

    <option value="">-- Select item --</option>

</select>

<div ng-switch on="selectedType">
    <span ng-switch-when="king">
       King Julien
    </span>
    <span ng-switch-when="Feet">
       Mort
    </span>
</div>

コントローラ：

$scope.relationshipType = [{name:'king'},{name:'feet'}];