Angular實(shí)現(xiàn)注冊(cè)系統(tǒng)
Angular是Google開發(fā)的前端技術(shù)框架，下載地址：https://code.angularjs.org/1.5.0/angular.js
通過(guò)對(duì)angular的簡(jiǎn)單理解后發(fā)現(xiàn)，angular通過(guò)一些簡(jiǎn)單的指令即可實(shí)現(xiàn)對(duì)DOM元素的操作，其特色為雙向數(shù)據(jù)綁定
下面，讓我們通過(guò)angualr來(lái)實(shí)現(xiàn)注冊(cè)系統(tǒng)表單驗(yàn)證。
首先看一下頁(yè)面效果（通過(guò)bootstrap實(shí)現(xiàn)的布局樣式）：
當(dāng)我們點(diǎn)擊提交按鈕時(shí)，會(huì)根據(jù)表單驗(yàn)證，若通過(guò)，則沒有提示語(yǔ)句，若不通過(guò)，則會(huì)彈出響應(yīng)提示語(yǔ)句，當(dāng)然該功能可以通過(guò)其他簡(jiǎn)單方式實(shí)現(xiàn)，這里只是通過(guò)實(shí)戰(zhàn)對(duì)angular進(jìn)一步深入理解。
頁(yè)面布局代碼如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> //設(shè)置按照edge瀏覽器渲染方式渲染 6 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> //設(shè)置頁(yè)面寬度，縮放比例，用戶不能縮放 7 <title>
