起手式
Angularjs 基本觀念介紹
網路
FORM
表單驗證
<input name=“mobileNumber" ng-model="Number"
ng-pattern="/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/"
required/>
<div ng-messages=“myForm.mobileNumber.$error">
<div ng-message="required">This field is required</div>
<div ng-message="pattern">Must be a valid 10 digit phone number</div>
</div>
網頁UI控制
MAP
資料庫&CRUD
認證
訊息提示
測試
效能校調
相關工具
網站建置工具
編輯工具
打包工具
CSS
npm install material-design-lite --save
<link rel="stylesheet" href="/node_modules/material-design-lite/material.min.css">
<!-- MDL JavaScript library -->
<script src="/node_modules/material-design-lite/material.min.js"></script>
<!-- Material Design Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
常見問題與解法
參考資料