angularjs的首選樣式表是twitter bootstrap,twitter bootstrap是目前的的前端架構。
你可以在你的angularjs應用中加入twitter bootstrap,你可以在你的<head>元素中添加如下代碼:
如果站點在國内,建議使用百度靜态資源庫的bootstrap,代碼如下:
元素
引導類
定義
<div>
容器
内容容器
<表格>
表
表格
表條紋
帶條紋背景的表格
<按鈕>
btn
按鈕
btn成功
成功按鈕
<span>
甘草
字形圖示
甘草鉛筆
鉛筆圖示
glyphicon使用者
使用者圖示
glyphicon儲存
儲存圖示
水準形式
水準表格
形式組
表單組
<标簽>
控制标簽
控制器标簽
col-sm-2
跨越2列
col-sm-10
跨越10列
範圍屬性
用途
$ scope.fname
模型變量(使用者名)
$ scope.lname
模型變量(使用者姓)
$ scope.passw1
模型變量(使用者密碼1)
$ scope.passw2
模型變量(使用者密碼2)
$ scope.users
模型變量(使用者的數量)
$ scope.edit
當使用者點選建立使用者時設定為true。
$ scope.error
如果passw1不等于passw2設定為true
$ scope.incomplete
如果有一個主軸為空(length = 0)設定為true
$ scope.edituser
設定模型變量
$ scope.watch
監控模型變量
$ scope.test
驗證模型變量的錯誤和初步