>無標題文件
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,來定該自定義標籤的優先...