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>

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

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

AngularJS의 ng-options best practise

쓸데없는 말은 하지 말고 바로 코드를 찍어라. 리소스를api에 직접 전달하지 말고 문자열이나 정형(예를 들어 귀속된ng-model="selected")을 권장합니다 angular에서 생성된 의value가 무엇인지, ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

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

좋은 웹페이지 즐겨찾기