1. 程式人生 > >AngularJS 中,通過 radio來控制元素的顯示和隱藏,以及控制表單元素的 disabled

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>

重點在於:

  1. 每個 radio 只會有一個 value ,而不像 checkbox 根據是否 checked 有兩個 value;

  2. 此處 radio 通過設定input標籤原生的 value 屬性沒有效果,要使用 anglar 封裝過的ng-value;

  3. 除錯中發現的問題,ng-model 的值不能還有‘-’,即 ng-model=”radio-value” 會報錯。

相關推薦

AngularJS 通過 radio控制元素顯示隱藏以及控制元素disabled

程式碼如下 <lable> <input type="radio" ng-value="true" name="radio-test" ng-model="radioVal

jquery使元素顯示隱藏方法之間的區別

第一個 設置 不可見 效果 三種 透明 元素 實現 使用 在實際的項目開發中,要使一個元素隱藏的方法有很多,比如css的多種屬性和jquery的多種方法,雖然他們的作用都是使元素不可見,但是各個方法實現的原理是不一樣的。下面主要介紹jquery各個元素隱藏方法之間的區別。

安卓(Android )軟鍵盤的控制顯示隱藏

false def gets nbsp bool code 表示 soft 系統 Activity 啟動時軟鍵盤默認狀態 在清單文件(manifest .xml)中可以通過在 Activity 標簽中增加屬性控制軟鍵盤的默認狀態: android:windowSoftIn

Android 軟鍵盤的顯示隱藏這樣操作就對了

ide min 影響 想要 manage 總結 ice 技術 3.1 一、前言 如果有需要用到輸入的地方,通常會有需要自動彈出或者收起軟鍵盤的需求。開篇明義,本文會講講彈出和收起軟鍵盤的一些細節,最終還會從源碼進行分析。 想要操作軟鍵盤,需要使用到 InputMethod

Android控制元件顯示隱藏

Android控制元件都有visibility屬性,該屬性有三個值:visible、invisible、gone。可以通過預設或者是Java程式碼來控制這些控制元件的顯示或者是隱藏。 一、在XML配

擴充套件EasyUI datagrid 增加表頭右鍵選單功能可動態對列進行顯示隱藏

mysql關於varchar和text欄位的疑問mysql關於varchar和text欄位的疑問 mysql關於varchar和text欄位的疑問mysql關於varchar和text欄位的疑問 mysql關於varchar和text欄位的疑問mysql關於varchar和t

JavaScript控制頁面顯示隱藏帶案例

控制頁面元素的顯示和隱藏 style.visibility = visible/hidden 元素隱藏後,元素所佔的空間還會留著。 style.display= block/none 元素和元素所佔的空間都會被隱藏一個綜合案例 月收入(只能輸入數字,正則表示式判斷數字) 男

WPF MVVM模式通過命令實現窗體拖動、跳轉以及顯隱控制

原文: WPF MVVM模式中,通過命令實現窗體拖動、跳轉以及顯隱控制 在WPF中使用MVVM模式,可以讓我們的程式實現介面與功能的分離,方便開發,易於維護。但是,很多初學者會在使用MVVM的過程中遇到一個顯而易見且無法迴避的問題,那就是不同的窗體之間如何跳轉?很多人在介紹MVVM的使用時,都沒有明顯提到該

Java開發通過sql實現過濾以及分頁

  我們通過一個需求來引入問題。 首先,簡單介紹一下需求:實現一個下圖的頁面,包含了過濾以及分頁。資料是後臺資料庫獲得到的。 那麼關於如何實現過濾以及分頁,考慮到通過前臺實現或者後臺實現,我們不妨來分析一下兩種方法。 首先,前臺實現:無非就是後臺獲取所有的list,傳

python多執行緒的共享資料通過queue實現內有生產者消費者經典模型的示例程式碼

queue:佇列,即先進先出,它有以下幾個方法: 1.判斷佇列的大小:size() 2.向佇列中新增:put() 3.向佇列中取出:get() 4.如果佇列規定了長度,用來判斷是否滿了:full() import threading,time import queu

win7基礎 環境變量的配置 借助變量通過拼接添加路徑

alt 中間 可用 步驟 學習資源 blog 字符串變量 images -1 註意事項:博文內容僅供參考,不可用於其他用途。 (我就是想把這個路徑加到環境變量中,以此來簡化java javac的使用步驟) (需要新建一個中間變量)

在htnl<input tyle = "text">除了text外還有幾種種新增的元素

tab ear 帶時區 ext 內容 body lsp email 正則表達 input標簽新增屬性 <input list=‘list_t‘ type="text" name=‘user‘ placeholder=‘請輸入姓名‘ value=""

第四天通過windows執行第一個python文件步驟

http .com 一個 img window bubuko 執行 ima src 該看 第 38部分的啦 第四天,通過windows來執行第一個python文件步驟

設計一個演算法通過一趟遍歷確定長度為n的單鏈值最大的結點。

語言:C++ #include <iostream> using namespace std; typedef int Elemtype; typedef struct LNode { Elemtype data; struct LNode *next; }LNode,*Lin

spring-boot 之Lombok的使用通過註解省略一些常用程式碼set get 日誌等

如果使用IDEA要先安裝lombok外掛 三、注意:如果註解@Slf4j注入後找不到變數log,那就給IDE安裝lombok外掛,、 下面以idea為例 1、File  → settings →  Plugins,  然後點選“Browse repositori

mui如何使用tab切換子頁面 mui-bar mui-bar-tab

mui是前端框架但是很多人用它寫移動端 那麼mui底部切換是怎麼做到的呢? 如何點選某個tab來切換不同的頁面? 解答: 1首先我們需要引入mui框架的底部tab元素 程式碼如下 <!--table選單開始-->        

spring-boot 之Lombok的使用通過註解省略一些常用程式碼set get 日誌等

如果使用IDEA要先安裝lombok外掛 三、注意:如果註解@Slf4j注入後找不到變數log,那就給IDE安裝lombok外掛,、 下面以idea為例 1、File  → settings →  Plugins,  然後點選“Browse repositories” 如

關於http請求的headerContent-type如果為multipart/form-data是用傳遞多種型別的引數如又可以傳遞附件、又可以傳遞文字在body為什麼需要分隔符

關於http請求的header中Content-type如果為multipart/form-data,是用來傳遞多種型別的引數,如又可以傳遞附件、又可以傳遞文字,在body(注意是body中,heade

Android TextView文字通過SpannableString設定超連結、顏色、字型等屬性

  在Android中,TextView是我們最常用的用來顯示文字的控制元件。   一般情況下,TextView中的文字都是一個樣式。那麼如何對於TextView中各個部分的文字來設定字型,大小,顏色,樣式,以及超級連結等屬性呢?下面我們通過SpannableString的

Java程式碼如何通過 http上傳檔案

例子程式碼如下 package example.filetransfer; import java.io.*; import java.net.*; import java.util.*; public class HttpRequestUtil { /** * 傳送ge