AngularJS 中,通過 radio來控制元素的顯示和隱藏,以及控制表單元素的 disabled
程式碼如下
<lable>
<input type="radio" ng-value="true" name="radio-test" ng-model="radioValue" />
啟用
</lable>
<lable>
<input type="radio" ng-value="false" name="radio-test" ng-model="radioValue"/>
禁用
</lable>
<input type="text" ng-disabled="!radioValue" ng-model="text" ng-init="text='hello world'">
<p ng-show="radioValue">
{{text}}
</p>
重點在於:
每個 radio 只會有一個 value ,而不像 checkbox 根據是否 checked 有兩個 value;
此處 radio 通過設定input標籤原生的 value 屬性沒有效果,要使用 anglar 封裝過的ng-value;
除錯中發現的問題,ng-model 的值不能還有‘-’,即 ng-model=”radio-value” 會報錯。