AngularJS雙向綁定和依賴反轉(zhuǎn)實(shí)例詳解

AngularJS雙向綁定和依賴反轉(zhuǎn)

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：申請域名、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、潞城網(wǎng)站維護(hù)、網(wǎng)站推廣。

一、雙向綁定：

UI<-->數(shù)據(jù)

數(shù)據(jù)->UI （數(shù)據(jù)改變UI跟著變）

UI->數(shù)據(jù) （UI改變數(shù)據(jù)跟著變）

數(shù)據(jù)改變->UI改變原理：

監(jiān)聽數(shù)據(jù)是否改變，如果改變更新UI數(shù)據(jù)。

UI改變->數(shù)據(jù)改變原理：

<html>

<body>

<input type="text" name="name" value="" id="text1" ng_model="a">

<script>

window.onload = function(){

var a='';

var oTxt = document.getElementById('text1');

oTxt.oninput = function(){ //UI值改變數(shù)據(jù)改變

a = oTxt.value;

}

}

</script>

</body>

</html>

二、依賴注入：

函數(shù)可以自己決定需要什么數(shù)據(jù)或者多小個(gè)數(shù)據(jù)，而不是外面?zhèn)魇裁淳陀檬裁础?/p>

2.1、調(diào)用者決定給多小個(gè)參數(shù)

<script>

function show(a,b,c){

console.log(arguments.length);

}

show(1); //調(diào)用者只給1個(gè)參數(shù)，調(diào)用者決定參數(shù)的給予。

</script>

2.2、依賴注入（依賴反轉(zhuǎn)）：函數(shù)要求要多小參數(shù)，就給多小。就像show(a,b,c)要求3個(gè)參數(shù)

<script>

function show(a,b,c){

console.log(arguments.length);

}

var scope = {a:12,b:15,c:99,qq:55,i:99};  //假設(shè)是函數(shù)需要的參數(shù)

//實(shí)現(xiàn)依賴反轉(zhuǎn)二個(gè)步驟
//1、知道show要什么參數(shù)

var str = show.toString();

str=str.split('{')[0].match(/\(.*)\/)[0].replace(/\S+/g,'');

str=str.substring(1,str.length-1);

var arr=str.split(',');

//2、給它相應(yīng)值

var args=[];

for(var i=0;i<arr.length;i++){

args[i]=scope[arr[i]];

}

console.log(args);

show.apply(null,args);

</script>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

網(wǎng)站題目：AngularJS雙向綁定和依賴反轉(zhuǎn)實(shí)例詳解
網(wǎng)站URL：http://www.rwnh.cn/article32/gopjsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、定制網(wǎng)站、自適應(yīng)網(wǎng)站、網(wǎng)站改版、靜態(tài)網(wǎng)站、小程序開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

AngularJS雙向綁定和依賴反轉(zhuǎn)實(shí)例詳解