입력 컨트롤의 Angularjs ngModel 지시문

저는 anglesjs를 처음 사용하고 있습니다. 또한 angularjs를 사용하는 프로젝트에서 작업하는 것 외에도 저는 이것을 배우고 있습니다. 내가 가진 쿼리는 다음 코드와 관련이 있습니다 : -입력 컨트롤의 Angularjs ngModel 지시문

이 코드에서

<html ng-app> 
    <head> 
    <meta charset="utf-8"> 
    <title>Angular.js Example</title> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script> 
    </head> 
    <body> 
    Name:<input ng-model="name" type="text"/> 
    <br> 
    Name:<input ng-model="name" type="text"/> 
    <br> 
    Name:<input ng-model="name" type="text"/> 
    <br> 
    Hello {{name}} 
    </body> 
</html>

,이 모든 입력 컨트롤 ngModel 지침은 내가 입력 중 어느 하나에 입력 할 때 다른 두 개의 입력 값을 제어 컨트롤도 업데이트됩니다. 나는 ngModel 지시어가 속성을 가진 input, select 및 textarea를 바인딩하고 {{expression}} observing 지시어에서 컨트롤의 변화가 감지되었음을 안다. 그러나 여기에서는 입력 컨트롤에서 {{expression}} 관측 지시문을 보지 못했습니다. 그러면 입력 컨트롤의 값이 어떻게 업데이트됩니까?

아무에게도이 문제에 관해 밝힐 수 있습니까?

출처

2014-09-05 Rohaan

보고, http://ngtutorial.com/learn/scope 그래 그것은 작동 –

나는 당신의 코드를 시험해 보았고, 그것은 plunker에서 작동합니다. 은 "안녕하세요 ..."문자마다 업데이트되는 I 입력 : http://plnkr.co/edit/U9IpmKNALfpAqNNhoTHa?p=preview

<html ng-app> 

<head> 
    <meta charset="utf-8"> 
    <title>Angular.js Example</title> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script> 
</head> 

<body> 
    Name: 
    <input ng-model="name" type="text" /> 
    <br>Name: 
    <input ng-model="name" type="text" /> 
    <br>Name: 
    <input ng-model="name" type="text" /> 
    <br>Hello {{name}} 
</body> 

</html>

출처

2014-09-05 15:34:58 alpinescrambler

하지만 난이 일을 명확하게하는 방법을 입력 제어하는 값이 변경되거나 업데이트되지 않습니다. {{expression}} 지시어가 없습니다. – Rohaan

ng-model은 양방향 바인딩이므로 업데이트됩니다 ... {{}}은 단방향 바인딩이며 ng-bind와 같습니다. – alpinescrambler

양방향 바인딩을 지우는 정확한 예제 코드를 제공 하시겠습니까? 또한, 공식 문서에서이 양방향 바인딩을 읽었지만 코드는 더 이상 지울 수 있습니다. – Rohaan

입력 컨트롤의 Angularjs ngModel 지시문

답변

관련 문제