作者:挥霍人生e | 来源:互联网 | 2023-10-11 13:09
单选框选定控制ng-show的显示和隐藏
ng-show="status==0" //ng-show里可以写表达式,该表达式意思是:status值为0的时候,该区域显示。
<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><script src&#61;"angular.min.js">script>
head>
<body>
<div ng-app&#61;"module" ng-controller&#61;"ctrl">网站开启:<input type&#61;"radio" ng-model&#61;"status" ng-value&#61;"1"> 开启<input type&#61;"radio" ng-model&#61;"status" ng-value&#61;"0"> 关闭{{status}}<div ng-show&#61;"status&#61;&#61;0"><h2>关闭原因:h2><textarea>该网正在维护中,2:00可以访问textarea>div>
div>
<script>var m &#61; angular.module(&#39;module&#39;, []);m.controller(&#39;ctrl&#39;, [&#39;$scope&#39;, function ($scope) {$scope.status&#61;1;}]);
script>
body>
html>
效果图&#xff1a;