AngularJS:ng开关不工作

我一直在寻找一种基于选择显示HTML内容块的方法

我不想在这个问题上使用

ng include

。我查看了

ng if

和

ng show/hide

我想用

ng开关
来做这件事，它似乎能工作。。。但不是在我的代码中，有什么建议吗

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'}];

您可以为relationshipType中的type编写
type.name。这将选择整个对象，例如
{name:'feet'}
，它与字符串
feet
不同。尝试：

<div ng-switch on="selectedType.name">
    <span ng-switch-when="king">
    ...


...

此外，比较区分大小写，因此：

<span ng-switch-when="feet">



（小写字母f，如模型中所定义）
您可以发布小提琴/普朗克吗？@MaximShoustin我在为角度示例创建小提琴时遇到问题。。。这似乎从来都不起作用是的，他们有一个名字属性，很抱歉。但这并不重要，因为我正在传递
ng model=“selectedType”
上的selected，并且这是可用的