JSFiddle - React, Tailwind, and code Playground

by Ashley li

HTML

<div ng-app>
    <h2>show 和 hide </h2>
     
    <div ng-show >我是ng-show 被隱藏了</div>
    <div ng-hide >我是ng-hide 初始值自動為false</div>
    <br/>

    <div ng-show="true">我是show, 我的夥伴ng-hide=true 所以被隱藏了ㄟ(￣▽￣ㄟ) </div>
    <div ng-hide="true">ng-hide="true我被隱藏了</div>


    <br/>
    <b>用變數控制可見 : </b><br/>
   
    <div ng-hide="editMode">正常模式 點編輯模式進入編輯界面</div><br/>
     <div ng-show="editMode">編輯模式 啟動 （￣︶￣） </div><br/>
    <button ng-click="editMode=true">編輯模式</button>
    
    <br/><br/>
     <b>綁CheckBox : </b><br/>
         <input type="checkbox" ng-model="ck" >顯示
             <span style="color:green;" ng-show="ck">ng-show綁定checkbox</span>
</div>