AngularJS 양 방향 바 인 딩 과 의존 반전 인 스 턴 스 상세 설명
1976 단어 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에 따라 라이센스가 부여됩니다.