日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > javascript >内容正文

javascript

AngularJS:模型

發(fā)布時(shí)間:2025/3/15 javascript 23 豆豆
生活随笔 收集整理的這篇文章主要介紹了 AngularJS:模型 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
ylbtech-AngularJS:模型

?

1.返回頂部
1、

AngularJS?ng-model 指令


ng-model 指令用于綁定應(yīng)用程序數(shù)據(jù)到 HTML 控制器(input, select, textarea)的值


ng-model 指令

ng-model?指令可以將輸入域的值與 AngularJS 創(chuàng)建的變量綁定。

AngularJS 實(shí)例

<div ng-app="myApp" ng-controller="myCtrl">名字: <input ng-model="name"> </div><script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) {$scope.name = "John Doe"; }); </script>

?嘗試一下 ?


雙向綁定

雙向綁定,在修改輸入域的值時(shí), AngularJS 屬性的值也將修改:

AngularJS 實(shí)例

<div ng-app="myApp" ng-controller="myCtrl">名字: <input ng-model="name"><h1>你輸入了: {{name}}</h1> </div> 嘗試一下 ?

驗(yàn)證用戶輸入

AngularJS 實(shí)例

<form ng-app="" name="myForm">Email:<input type="email" name="myAddress" ng-model="text"><span ng-show="myForm.myAddress.$error.email">不是一個(gè)合法的郵箱地址</span> </form> 嘗試一下 ?

以上實(shí)例中,提示信息會(huì)在?ng-show?屬性返回?true?的情況下顯示


應(yīng)用狀態(tài)

ng-model?指令可以為應(yīng)用數(shù)據(jù)提供狀態(tài)值(invalid, dirty, touched, error):

AngularJS 實(shí)例

<form ng-app="" name="myForm" ng-init="myText = 'test@runoob.com'">Email:<input type="email" name="myAddress" ng-model="myText" required></p><h1>狀態(tài)</h1>{{myForm.myAddress.$valid}}{{myForm.myAddress.$dirty}}{{myForm.myAddress.$touched}} </form> 嘗試一下 ?

CSS 類

ng-model?指令基于它們的狀態(tài)為 HTML 元素提供了 CSS 類:

AngularJS 實(shí)例

<style> input.ng-invalid {background-color: lightblue; } </style> <body><form ng-app="" name="myForm">輸入你的名字:<input name="myAddress" ng-model="text" required> </form>

?嘗試一下 ?

ng-model?指令根據(jù)表單域的狀態(tài)添加/移除以下類:

  • ng-empty
  • ng-not-empty
  • ng-touched
  • ng-untouched
  • ng-valid
  • ng-invalid
  • ng-dirty
  • ng-pending
  • ng-pristine
2、
2.返回頂部
3.返回頂部
4.返回頂部
5.返回頂部
1、 http://www.runoob.com/angularjs/angularjs-model.html 2、?
6.返回頂部
作者:ylbtech
出處:http://ylbtech.cnblogs.com/
本文版權(quán)歸作者和博客園共有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁(yè)面明顯位置給出原文連接,否則保留追究法律責(zé)任的權(quán)利。

轉(zhuǎn)載于:https://www.cnblogs.com/storebook/p/8543014.html

總結(jié)

以上是生活随笔為你收集整理的AngularJS:模型的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 亚洲欧美另类日本 | 欧美日比视频 | 成人免费毛片入口 | 日本一二三区在线视频 | 夜夜草网站 | 色哟哟入口 | 18p在线观看 | 一级片视频网站 | 人妻少妇精品无码专区二区 | 欧美男人天堂网 | 百合sm惩罚室羞辱调教 | www欧美| 成年人网站免费在线观看 | 欧美老熟妇又粗又大 | 国产视频在线免费观看 | 午夜电影福利网 | 亚洲AV无码成人精品国产一区 | 黄网视频在线观看 | 泽村玲子av| 午夜电影一区二区 | 桃色视频网| 私人午夜影院 | 2017狠狠干 | 国产成人精品一区二区色戒 | 精品欧美在线观看 | 亚洲AV无码成人国产精品色 | 亚洲成在线 | 成人av入口| 欧美黄色三级 | 国产又爽又黄无码无遮挡在线观看 | 自拍偷拍18p | av免费在线电影 | 国产freexxxx性播放麻豆 | 国产情侣小视频 | 无套内谢的新婚少妇国语播放 | 国产野外作爱视频播放 | 五月综合在线 | 欧美中文字幕 | 无码h肉动漫在线观看 | jizzjizz日本免费视频 | 91精选 | 魔女鞋交玉足榨精调教 | 亚洲高清资源 | 日韩黄色大全 | 国产综合久久久久久鬼色 | 中文字幕99| 午夜操操| 日本老年老熟无码 | 亚洲一区视频在线 | 四虎成人在线 | 久久亚洲av无码精品色午夜麻豆 | 欧美在线观看www | 成色视频 | 久久特级毛片 | 亚洲不卡中文字幕无码 | 国产精品剧情一区 | 人人澡人人爱 | 在厨房拨开内裤进入毛片 | 国产精品视频全国免费观看 | 三级伦理片 | 武林美妇肉伦娇喘呻吟 | 男女啪啪十八 | 国产高清视频 | 丁香花电影免费播放在线观看 | 免费看欧美一级特黄a大片 国产免费的av | 国产在线观看一区二区三区 | 四虎视频国产精品免费入口 | 久久av网站 | 精品中文字幕一区二区 | 国产人妻精品久久久久野外 | 3p视频在线观看 | 粉嫩小泬无遮挡久久久久久 | 亚洲激情综合网 | av毛片在线免费看 | 扒下小娇妻的内裤打屁股 | 国产91在线视频观看 | 青青草福利视频 | 国产高潮网站 | 女优视频在线观看 | 日韩欧洲亚洲AV无码精品 | 人妻精品一区二区在线 | 一道本在线观看视频 | 中文字幕在线欧美 | 二区不卡| 校园春色 亚洲色图 | 午夜剧场在线 | 岛国精品 | 天堂新版8中文在线8 | 夜夜撸 | 女生张开腿让男生插 | 国产精品自拍区 | 久久精热| 国产一级在线播放 | 日本xxxx免费 | 五月丁香综合激情六月久久 | 国产精品永久在线观看 | 天天干夜夜干 | 美女色诱男人激情视频 | 秋霞网一区二区 |