AngularJS 2.0 學習手冊

AngularJS 簡介

AngularJS 安裝

起手式

Angularjs 基本觀念介紹

網路

Routing

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">

常見問題與解法

參考資料