바인딩1

• 

  [AngularJS] ng-model과 nb-bind로 동적으로 연동 ​AngularJS를 활용하여 화면에서 입력받은 문자열을 출력하는 예제를 구현해 본다. AngularJS를 사용하기 위해서 아래와 같이 AngularJS CDN을 script 태그에 추가한다. 웹 페이지에 div 태그를 만들고 ng-app 지시문을 작성한다. ng-app 지시문은 AngularJS 애플리케이션을 정의하는 지시문이다. input 태그에 ng-model 속성을 작성하고 ng-model 속성의 값은 "name"으로 한다. span 태그에 ng-bind 속성을 만들고 그 이름을 속성의 값으로 입력한다. 그렇게 되면 ng-model 속성이 ng-bind 속성에 바인딩되어 입력하는 값이 바로 태그에 출력된다. | 동적 바인딩 | 예제코드 Name : Good Morning. ​ 브라우저에서 화면을 .. ■ Front-End ■/AngularJs 2023. 2. 22.