zoukankan      html  css  js  c++  java
  • ng-model绑定表单,所示表单值的类型

    Angularjs 表单类型:

    • input 元素
    • select 元素
    • button 元素
    • textarea 元素

    1.input时根据类型不同,ng-model绑定的值不同

        1.1 text ----ng-mode为输入框的值

        <input type="text" ng-model="thisval"> 

        <p>{{thisval}}</p>

        1.2 checkbox----ng-model为选中状态true/false

        <input type="checkbox" ng-model="mytype">

        <div ng-show={{mytpye}}>是就显示,否就隐藏</div>

     1.3  radio----ng-model为选中的input的value值

              <input type="radio"  ng-model="myradio" value="radio1">  A 

        <input type="radio"  ng-model="myradio" value="radio2">  B

        <input type="radio"  ng-model="myradio" value="radio3">  C

        <h1>{{myradio}}</h1> ----(显示radio1/radio2/radio3)

    2.select时根据类型不同,ng-model绑定的值不同

      ng-model为选中的select的option的value值

        <select ng-model="myselect">

                <option   value="radio1">  A </option>

          <option   value="radio2">  B</option>

          <option   value="radio3">  C</option>

        </select>

        <h1>{{myselect}}</h1> ----(显示radio1/radio2/radio3)

     3.其余两种类类型

    • button 元素--------走ng-click调用函数
    • textarea 元素------和input的text类型一样
  • 相关阅读:
    ajax _02【XML响应,post请求】
    ajax_01【httpRequest.responseText】
    方法的定义【js函数】
    Promise基本用法
    promise
    筛选(1)
    ng-cli 中HTTP请求思路(1) (接口请求处理)
    PHP占用CPU过高几种思路
    关于tcpdump的那点事~
    虚拟机固定IP那点事
  • 原文地址:https://www.cnblogs.com/yogic/p/8259124.html
Copyright © 2011-2022 走看看