天天看點

AngularJS引導程式

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

驗證模型變量的錯誤和初步

繼續閱讀