AngularJS adalah kerangka MV* yang paling cocok untuk mengembangkan aplikasi satu halaman untuk klien. Ini bukan perpustakaan fungsional, tetapi kerangka kerja yang digunakan untuk mengembangkan halaman web yang dinamis. Ini berfokus pada memperluas fungsi HTML, memberikan pengikatan data dinamis, dan dapat bekerja sama dengan kerangka kerja lain (seperti jQuery, dll.).
<body ng-app = "mynoteApp"> <html> <div ng-controller = "mynotectrl"> <p> <textarea ng-model = "pesan" cols = "40" baris = "10" maxlength = "100"> </textarea> </p> <p> 100/<rentang max = "100"> </textarea> </p> <p> 100/<spaned ng-bind = "left ()"> </span> </p> </div> </html> <script type = "text/javaScript"> var app = angular.module ("mynoteApp", []); app.controller ("mynotectrl", function ($ scope) {$ scope.mess) ("mynotectrl", function ($ scope) {$ scope.mess) ("mynotectrl", function ($ scope) {$ scope.mess ("mynotectrl", function ($ scope) {$ scope. {return 100 - $ scope.message.length;}; // hapus kotak teks $ scope.clear = function () {$ scope.message = "";}; // Lakukan operasi simpan $ scope.save = function () {waspada ("Catatan");};}); </script> </body>Komentar:
Jika ada beberapa "textareas" dalam bentuk yang sama, Anda dapat mengontrolnya dengan mendefinisikan beberapa "NG-model"
Jika Anda mengoperasikan berbagai "TextArea" dalam bentuk yang berbeda, Anda dapat mengendalikannya dengan mendefinisikan beberapa "NG-Controllers"
Tetapi apa pun masalahnya, jika Anda berada di file yang sama, yang terbaik adalah menggunakan hanya satu "NG-App" di badan yang sama.
Suplemen: Penggunaan <TexTarea> di JS sudut
Baru -baru ini, tes yang digunakan untuk meneruskan nilai di TextArea ke latar belakang, tetapi latar belakang tidak dapat diterima. Kode ditulis seperti ini:
<textarea rows = "15" ng-model = "natu.content"> {{nerch.content}} </textarea>Kemudian saya memodifikasinya dan menghapus konten antara dua teks dan menerimanya di latar belakang. Tampaknya masih ada beberapa mekanisme dalam JS sudut yang perlu diklarifikasi.
<TextArea ROWS = "15" ng-Model = "nater.content"> </pextarea>