AngularJS杂记10----单选框radio and ng-switch-when的用法

 AngularJS杂记10----单选框radio and ng-switch-when的用法

<form>

选择一个选项：
<input type="radio" ng-model="checkedFlag" value="name">习大大
<input type="radio" ng-model="checkedFlag" value="age">60
<input type="radio" ng-model="checkedFlag" value="work">国家主席

</form>

 // 根据表达式显示或隐藏对应的部分

<div ng-switch="checkedFlag">

// 对应的子元素使用 ng-switch-when 指令，如果匹配选中选择显示，其他为匹配的则移除。
// 通过使用 ng-switch-default 指令设置默认选项，如果都没有匹配的情况，默认选项会显示。
<div ng-switch-when="name">
<h1>习大大</h1>
<p>你猜他是谁.<p>

<div>

<div ng-switch-when="age">
<h1>60</h1>
<p>我也不清楚他的年龄，这是我猜的。<p>

<div>

<div ng-switch-when="work">
<h1>国家主席</h1>
<p>这下知道他是谁了吧。<p>

<div>

</div>