AngularJS 양 방향 바 인 딩 과 의존 반전 인 스 턴 스 상세 설명

AngularJS 양 방향 연결 및 반전 의존
1.양 방향 귀속:
UI<-->데이터
데이터->UI(데이터 변경 UI 변경)
UI->데이터(UI 변경 데이터 에 따라 변경)
데이터 변경->UI 변경 원리:
UI 데 이 터 를 업데이트 하면 감청 데이터 가 바 뀔 지 여부 입 니 다.
UI 변경->데이터 변경 원리:

<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       

a = oTxt.value;

}

}

</script>

</body>

</html>

 

 2.의존 주입:
함 수 는 외부 에서 전달 하 는 것 이 아니 라 어떤 데이터 나 작은 데이터 가 필요 한 지 스스로 결정 할 수 있다.
2.1 호출 자 는 여러 개의 작은 매개 변 수 를 주기 로 결정 한다.

<script>

function show(a,b,c){

console.log(arguments.length);

}

show(1); //     1   ,          。

</script>

2.2 의존 주입(반전 의존):함수 가 작은 파 라 메 터 를 요구 하 는 만큼 작 게 준다.show(a,b,c)가 3 개의 인 자 를 요구 하 는 것 처럼

<script>

function show(a,b,c){

console.log(arguments.length);

}

var scope = {a:12,b:15,c:99,qq:55,i:99};  //          

//          
//1、  show     

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、     

var args=[];

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

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

}

console.log(args);

show.apply(null,args);

</script>

읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기