AngularJS는 클라이언트를위한 단일 페이지 응용 프로그램을 개발하는 데 가장 적합한 MV* 프레임 워크입니다. 기능 라이브러리가 아니라 동적 웹 페이지를 개발하는 데 사용되는 프레임 워크입니다. HTML 기능을 확장하고 동적 데이터 바인딩을 제공하는 데 중점을두고 다른 프레임 워크 (예 : jQuery 등)와 협력 할 수 있습니다.
<body ng-app = "mynoteapp"> <html> <div ng-controller = "mynotectrl"> <p> <textarea ng-model = "message"cols = "40"rows = "10"maxlength = "100"> </textarea> </p> <p> 100/<span ng-bind = "left ()"> </span> </p> </div> </html> <script type = "text/javaScript"> var app = angular.module ( "mynoteapp", []); app.controller ( "myNotectrl", function ($ scope) {$ scope.message = "; {return 100- $ scope.message.length;}; // 텍스트 상자 $ scope.clear = function () {$ scope.message = ";}; // 작업을 수행하는 $ scope.save = function () {alert ("note saved ");});}); </script>>주목:
동일한 형식의 "TextAreas"가 여러 개있는 경우 여러 "NG 모델"을 정의하여 제어 할 수 있습니다.
다른 형태로 다른 "TextArea"를 운영하는 경우 여러 "NG-Controllers"를 정의하여 제어 할 수 있습니다.
그러나 어떤 경우에도, 같은 파일에 있으면 같은 본문에서 하나의 "ng-app"만 사용하는 것이 가장 좋습니다.
보충 : angular js에서 <textarea>의 사용
최근에, 테스트는 Textarea의 값을 배경으로 전달하는 데 사용되었지만 배경을받을 수는 없습니다. 코드는 다음과 같이 작성됩니다.
<TextArea rows = "15"ng-model = "indice.content"> {{informent.content}} </textarea>나중에 나는 그것을 수정하고 두 텍스토리 사이의 내용을 제거하고 백그라운드에서 수신했습니다. 각도 JS에는 명확히해야 할 메커니즘이 여전히있는 것 같습니다.
<TextArea rows = "15"ng-model = "indice.content"> </textRea>