angular的DEMO 用來練習和順便看看

2021-09-09 01:20:49 字數 4297 閱讀 2535

inflector(輔助)將使用者輸入的字串轉化成駝峰或者空格或者底線的小外掛程式;

這個是乙個小的過濾器, 平常也是用不到的, 合格是過濾器的**:

() );

break

;

default

: value = value.replace(/[\s-_]/gi," ");

break

; };

return

value;

};});

<

html

>

<

head

>

<

meta

charset

="utf-8"

/>

<

script

src=""

>

script

>

<

script

src=""

>

script

>

head

>

<

body

ng-controller

="test0controller"

>

<

label

>

<

input

type

="radio"

value

="humanize"

ng-model

="inflectortype"

> humanize (default)

label

>

<

label

>

<

input

type

="radio"

value

="underscore"

ng-model

="inflectortype"

> underscore

label

>

<

label

>

<

input

type

="radio"

value

="variable"

ng-model

="inflectortype"

> variable

label

>

<

input

placeholder

="enter some text to inflect"

ng-model

="inflectortext"

>

<

p>}

p>

<

script

>

//初始化使用者模組;

var=

angular.module(''

, );

"test0controller",

function

($scope));

"inflector",

function

() );

break

;

default

: value

=value.replace(

/[\s-_]

/gi,""

);

break

; };

return

value;

};});

script

>

body

>

html

>

這乙個例項主要想表達的是通過自定義的指令繫結事件, angular官方提供的指令也是這樣子的:

<

html

>

<

head

>

<

meta

charset

="utf-8"

/>

<

script

src=""

>

script

>

<

script

src=""

>

script

>

head

>

<

body

>

<

div

ng-controller

="kepresscontroller"

>

<

textarea

ui-keypress

="keypresscallback"

>

textarea

>

div>

<

script

>

//初始化使用者模組;

var=

angular.module(''

, );

"kepresscontroller",

function

($scope);

});"uikeypress",

function

($parse) ,

compile :

function

(elem, attrs) ;

});}}}

});script

>

body

>

html

>

這個又是乙個過濾器的例子,直接通過乙個閉包建立乙個排序的函式,簡單粗暴:

<

html

>

<

head

>

<

meta

charset

="utf-8"

/>

<

script

src=""

>

script

>

<

script

src=""

>

script

>

head

>

<

body

>

<

div

ng-controller

="test0controller"

>

<

select

ng-model

="sorttype"

>

<

option

value

="firstname"

>firstname

option

>

<

option

value

="id"

>id

option

>

<

option

value

="gender"

>gender

option

>

select

>

<

div>

}

div>

div>

<

script

>

//初始化使用者模組;

var=

angular.module(''

, );

"test0controller",

function

($scope),,,

,,,,

];});

//排序

的指令;

"sort",

function

() else}};

return

function

(value, type) ;

});script

>

body

>

html

>

總結:angular入門很簡單的,但是提公升比較難吧

angular的執行機制 Angular 執行機制

angular 模組 模組是用來組合相關元件 指令 服務等的乙個功能塊。可以理解為就是對乙個應用所要用到的各個部分按照一定的規律進行歸類,從而組成乙個完整的應用。angular 模組可以通過 angular.module name,requires 方法生成 name 模組的名字 requires ...

用來代替 define的const

c 中提倡用const 來代替 define.好處 1 const 進行型別安全檢查 好處2 const 是有型別的,比如 const int val 0 const double val 0 但是const功能不僅僅於此。而且不同地方出現的const,意義不盡相同,也有一定區別。這裡僅討論 用作代...

用來作弊的藥水

題目描述 在乙個風雨交加的夜晚,來自異世界的不願透露姓名的tmk同學獲得了兩種超強藥水a b。根據說明書,tmk知道了這兩種藥水的作用 1 藥水a能使人的生命值提高,每飲用1個單位能使他生命值變成原來的x倍,即每飲用p個單位能使他的生命值變成原來的x p x的p次方 倍。2 藥水b能使人的能量值提高...