angularjs1 6,自定義服務

2021-09-07 13:23:13 字數 4834 閱讀 2107

>無標題文件

title

>

<

script

src="angular.min.js"

>

script

>

head

>

當你初試angular 時,很自然地就會往controller 和scope 裡堆滿不必要的邏輯。一定要早點意識到,

controller 這一層應該很薄;也就是說,應用裡大部分的業務邏輯和持久化資料都應該放在service

裡。很多人問道,關於如何在controller 該幹的事。出於記憶體效能的考慮,controller 只在需要

的時候才會初始化,一旦不需要就會被拋棄。因此,每次當你切換或重新整理頁面的時候,angular 會清空當前的

controller。與此同時,service可以用來永久儲存應用的資料,並且這些資料可以在不同的controller之間使用。

angular 提供了3種方法來建立並註冊我們自己的服務。1.provider2.factory3.service

<

body

>

<

div

ng-controller

="firstcontroller"

>

}div

>

<

script

>

varm1

=angular.module(''

,,function

($provide)}})

});console.log(m1);

m1.controller(

'firstcontroller',[

'$scope',

'providerservices01',

function

($scope,providerservices01)]);

script

>

body

>

html

>

>無標題文件

title

>

<

script

src="angular.min.js"

>

script

>

head

>

<

body

>

<

div

ng-controller

="firstcontroller"

>

}div

>

<

script

>

varm1

=angular.module(''

,);//

module.config配置服務

m1.config(

function

($provide)

}});

$provide.provider(

'providerservices02',

function

(); service.setname

=function

(name)

service.getname

=function

()

return

service;

}});

})console.log(m1);

m1.controller(

'firstcontroller',[

'$scope',

'providerservices01',

'providerservices02',

function

($scope,providerservices01,providerservices02)]);

script

>

body

>

html

>

>無標題文件

title

>

<

script

src="angular.min.js"

>

script

>

head

>

//自定義服務

<

body

>

<

div

ng-controller

="firstcontroller"

>

}div

>

<

script

>

varm1

=angular.module(''

,,function

($provide)

});$provide.factory(

'factoryservices01',

function

() });

$provide.factory(

'factoryservices02',

function

());

$provide.service(

'serviceservices01',

function

() })

});console.log(m1);

m1.controller(

'firstcontroller',[

'$scope',

'providerservices01',

'factoryservices01',

'factoryservices02',

'serviceservices01',

function

($scope,providerservices01,factoryservices01,factoryservices02,serviceservices01)]);

script

>

body

>

html

>

>無標題文件

title

>

<

script

src="angular.min.js"

>

script

>

head

>

<

body

>

<

div

ng-controller

="firstcontroller"

>

}div

>

<

script

>

varm1

=angular.module(''

,); m1.provider(

'providerservices01',

function

() }

});m1.service(

'serviceservices01',

function

() })

console.log(m1);

m1.controller(

'firstcontroller',[

'$scope',

'providerservices01',

'serviceservices01',

function

($scope,providerservices01,serviceservices01)]);

script

>

body

>

html

>

angularjs自定義標籤

具有功能 1 支援按多列進行模糊查詢。2 資料模板可以指定輸出元素。查詢輸入框 標籤封裝 form表單中input型別為text的標籤 並且需要彈窗查詢資料 封裝 專案封裝標籤 input table 屬性 table resultjson jsonresulta 後端返回的資料物件 json陣列 ...

angularJs自定義指令

e 元素 a 屬性,預設值 c 類名 m 注釋 directive my directive expression priority 優先順序 用來表示指令使用的優先順序 如果乙個元素上具有兩個優先順序相同的指令,宣告在前面的那個會被優先呼叫。如果其中一 個的優先順序更高,則不管宣告的順序如何都會被...

AngularJS自定義指令

自定義的指令定義 1.directive 方法可以接受兩個引數,第乙個引數是指令的名字,第二個引數是函式,第二個引數用來返回指令的具體內容。2.指令的引數包括 restrict eacm 分別對應元素 屬性 類名 注釋 主要體現在呼叫指令時的不一樣 優先順序 ngrepeat,來定該自定義標籤的優先...