javascript - AngularJs:编译 ng-switch 时出错

Question

代码

<input type="text" ng-model="person.name" />
<div ng-switch on="person.name"></div>
<p ng-switch-default>And the winner is</p>
<h1 ng-switch-when="Ari">{{ person.name }}</h1>

怎么了？我收到 Error: [$compile:ctreq] ，但是删除这 4 行一切正常。

我在“ng-book”(一本非常糟糕的书)上找到了这个例子

Answer 1

ng-switch 元素需要包装 ng-switch-on 和 ng-switch-default 指令(后者需要前者)。

<input type="text" ng-model="person.name" />
<div ng-switch on="person.name">
    <p ng-switch-default>And the winner is</p>
    <h1 ng-switch-when="Ari">{{ person.name }}</h1>
</div>

http://jsfiddle.net/7DJSd/