Maison > Article > interface Web > AngularJS se rend compte que les enregistrements textarea ne peuvent saisir qu'un nombre spécifié de caractères et afficher leurs compétences_javascript

AngularJS se rend compte que les enregistrements textarea ne peuvent saisir qu'un nombre spécifié de caractères et afficher leurs compétences_javascript

WBOYoriginal: 2016-05-16 15:03:411478parcourir

AngularJS est un framework MV*, le mieux adapté au développement d'applications monopage côté client. Il ne s'agit pas d'une bibliothèque fonctionnelle, mais d'un framework pour développer des pages Web dynamiques. Il se concentre sur l’extension des fonctionnalités du HTML, en fournissant une liaison de données dynamique, et peut bien fonctionner avec d’autres frameworks (tels que JQuery, etc.).

<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>

Remarques :

S'il y a plusieurs "textarea" dans le même formulaire, vous pouvez le contrôler en définissant plusieurs "ng-model"

Si vous exploitez différentes "textarea" sous différentes formes, vous pouvez la contrôler en définissant plusieurs "ng-controllers"

Mais quelle que soit la situation, s'il se trouve dans le même fichier, il est préférable de n'utiliser qu'un seul "ng-app" dans le même corps

Supplément : Utilisation de 4750256ae76b6b9d804861d8f69e79d3 dans Angular JS

Un test récent permettait de transmettre la valeur de la zone de texte à l'arrière-plan, mais l'arrière-plan n'a pas pu la recevoir. Le code est écrit comme ceci :

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

Plus tard, je l'ai modifié et supprimé le contenu entre les deux zones de texte, et l'arrière-plan peut le recevoir. Il semble qu'il y ait encore certains mécanismes dans Angular JS qui doivent être clarifiés.

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Tutoriel sur les composants de formulaire Bootstrap explication détaillée_compétences javascriptArticle suivant：Tutoriel sur les composants de formulaire Bootstrap explication détaillée_compétences javascript

Articles Liés

Voir plus