AngularJS est un cadre MV * qui convient le plus à l'élaboration d'applications à une page pour les clients. Ce n'est pas une bibliothèque fonctionnelle, mais un cadre utilisé pour développer des pages Web dynamiques. Il se concentre sur l'extension des fonctions HTML, fournissant une liaison dynamique des données, et il peut coopérer avec d'autres cadres (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 ("myNotectl", function ($ scope) {$ scope.message = ""; // montre le nombre de changements $ scope. {return 100 - $ scope.message.length;}; // effacer la zone de texte $ scope.clear = function () {$ scope.mesage = "";}; // effectuer l'opération de sauvegarde $ scope.save = function () {alert ("note SAVED");};}); </ script> </ body>Remarque:
S'il y a plusieurs "textares" sous la même forme, vous pouvez le contrôler en définissant plusieurs "modèles Ng"
Si vous utilisez différents "TextArea" sous différentes formes, vous pouvez le contrôler en définissant plusieurs "contrôles NG"
Mais quel que soit le cas, si vous êtes dans le même fichier, il est préférable d'utiliser un seul "ng-app" dans le même corps.
Supplément: utilisation de <TextArea> dans Angular JS
Récemment, le test utilisé pour passer la valeur dans TextArea à l'arrière-plan, mais l'arrière-plan ne peut pas être reçu. Le code est écrit comme ceci:
<TextArea Rows = "15" ng-model = "novice.content"> {{remarqua.content}} </ textarea>Plus tard, je l'ai modifié et supprimé le contenu entre les deux textares et je l'ai reçu en arrière-plan. Il semble qu'il y ait encore des mécanismes en JS angulaires qui doivent être clarifiés.
<TextArea Rows = "15" ng-model = "novice.content"> </ textarea>