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> <p> ng-bind = "left ()"> </span> </p> </div> </html> <script type = "text/javascript"> var app = angular.module ("myNoteApp", []); app.controller ("myNotECTLL" - $ scope.message.length;}; // ล้างกล่องข้อความ $ scope.clear = function () {$ scope.message = "";}; // ดำเนินการบันทึกการดำเนินการ $ scope.save = function () {แจ้งเตือน ("บันทึก");};});คำพูด:
หากมี "textareas" หลายตัวในรูปแบบเดียวกันคุณสามารถควบคุมได้โดยการกำหนด "โมเดล NG" หลายตัว "
หากคุณใช้งาน "textarea" ที่แตกต่างกันในรูปแบบที่แตกต่างกันคุณสามารถควบคุมได้โดยกำหนด "NG-controllers" หลายตัว
แต่ไม่ว่าจะเป็นอย่างไรถ้าคุณอยู่ในไฟล์เดียวกันก็เป็นการดีที่สุดที่จะใช้ "NG-APP" เพียงอันเดียวในร่างกายเดียวกัน
ภาคผนวก: การใช้ <textarea> ใน js เชิงมุม
เมื่อเร็ว ๆ นี้การทดสอบที่ใช้ในการส่งผ่านค่าใน textarea ไปยังพื้นหลัง แต่ไม่สามารถรับพื้นหลังได้ รหัสถูกเขียนเช่นนี้:
<textarea rows = "15" ng-model = "onotion.content"> {{etter.content}} </textarea>หลังจากนั้นฉันก็แก้ไขและลบเนื้อหาระหว่างสอง textareas และได้รับมันในพื้นหลัง ดูเหมือนว่ายังมีกลไกบางอย่างใน JS เชิงมุมที่ต้องชี้แจง
<textarea rows = "15" ng-model = "otident.content"> </textarea>