国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

angularJS數據綁定實踐1

2024-04-27 15:10:01
字體:
來源:轉載
供稿:網友

我們先看一個實例:

<!DOCTYPE html><html lang="en" ng-app><head>	<meta charset="UTF-8">	<title>Document</title></head><body>	<input type="text" ng-model="name" placeholder="請輸入名字"/>	<h1>{{name}}</h1></body><script type="text/javascript" src="https://cdnjs.cloudflare.com/Ajax/libs/angular.js/1.6.1/angular.min.js"></script><script type="text/Javascript">	</script></html>

實現的功能:隨著input內容的改變動態改變h1里面的內容

原生JavaScript實現方式:給input定義一個onchange事件并且調用一個操作DOM的函數(比較麻煩)

angular實現實現方式:只需要一個ng-model指令就可以完成,不需要寫任何js代碼

應用場景:輸入框類交互任務時


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 叶城县| 新巴尔虎右旗| 广饶县| 勐海县| 理塘县| 渝中区| 临武县| 连云港市| 甘谷县| 芜湖县| 宜城市| 丰都县| 鹿邑县| 榕江县| 苍溪县| 黎川县| 法库县| 平乐县| 连云港市| 大关县| 同江市| 水城县| 广东省| 屏东县| 吉林省| 大竹县| 城固县| 福海县| 额尔古纳市| 江山市| 黄骅市| 浦江县| 广灵县| 黔西| 泸水县| 巴东县| 房山区| 延寿县| 邮箱| 绥滨县| 静安区|