Rumah > Artikel > hujung hadapan web > AngularJS menyedari bahawa rekod textarea hanya boleh memasukkan bilangan aksara tertentu dan memaparkan kemahiran mereka_javascript

AngularJS menyedari bahawa rekod textarea hanya boleh memasukkan bilangan aksara tertentu dan memaparkan kemahiran mereka_javascript

WBOYasal: 2016-05-16 15:03:411478semak imbas

AngularJS ialah rangka kerja MV*, paling sesuai untuk membangunkan aplikasi satu halaman sebelah pelanggan. Ia bukan perpustakaan berfungsi, tetapi rangka kerja untuk membangunkan halaman web dinamik. Ia memberi tumpuan kepada memperluaskan fungsi HTML, menyediakan pengikatan data dinamik, dan ia boleh berfungsi dengan baik dengan rangka kerja lain (seperti JQuery, dll.).

<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 = "";
//显示变更数量
$scope.left = function() {return 100 - $scope.message.length;};
//清除文本框
$scope.clear = function() {$scope.message = "";};
//执行保存操作
$scope.save = function() {alert("Note Saved");};
});
</script>
</body>

Catatan:

Jika terdapat berbilang "textarea" dalam bentuk yang sama, anda boleh mengawalnya dengan mentakrifkan berbilang "ng-model"

Jika anda mengendalikan "textarea" yang berbeza dalam bentuk yang berbeza, anda boleh mengawalnya dengan mentakrifkan berbilang "ng-controllers"

Tetapi tidak kira apa keadaannya, jika ia berada dalam fail yang sama, sebaiknya gunakan hanya satu "ng-app" dalam badan yang sama

Tambahan: Penggunaan 4750256ae76b6b9d804861d8f69e79d3 dalam Angular JS

Ujian terbaru digunakan untuk menghantar nilai dalam textarea ke latar belakang, tetapi latar belakang tidak dapat menerimanya Kod ditulis seperti ini:

<textarea rows="15" ng-model="notice.content" style="width:65%">{{ notice.content }}</textarea>

Kemudian, saya mengubah suainya dan mengalih keluar kandungan antara dua kawasan teks, dan latar belakang boleh menerimanya Nampaknya masih terdapat beberapa mekanisme dalam Angular JS yang perlu dijelaskan.

<textarea rows="15" ng-model="notice.content" style="width:65%"></textarea>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Tutorial komponen borang Bootstrap penerangan terperinci_javascript kemahiranArtikel seterusnya：Tutorial komponen borang Bootstrap penerangan terperinci_javascript kemahiran

Artikel berkaitan

Lihat lagi