Heim > Artikel > Web-Frontend > AngularJS erkennt, dass Textbereichsdatensätze nur eine bestimmte Anzahl von Zeichen eingeben und diese anzeigen können_Javascript-Fähigkeiten

AngularJS erkennt, dass Textbereichsdatensätze nur eine bestimmte Anzahl von Zeichen eingeben und diese anzeigen können_Javascript-Fähigkeiten

WBOYOriginal: 2016-05-16 15:03:411477Durchsuche

AngularJS ist ein MV*-Framework, das sich am besten für die Entwicklung clientseitiger Single-Page-Anwendungen eignet. Es handelt sich nicht um eine funktionale Bibliothek, sondern um ein Framework zur Entwicklung dynamischer Webseiten. Der Schwerpunkt liegt auf der Erweiterung der Funktionalität von HTML, der Bereitstellung einer dynamischen Datenbindung und kann gut mit anderen Frameworks (wie JQuery usw.) zusammenarbeiten.

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

Bemerkungen:

Wenn es mehrere „Textbereiche“ im selben Formular gibt, können Sie dies steuern, indem Sie mehrere „NG-Modelle“ definieren

Wenn Sie verschiedene „Textarea“ in unterschiedlichen Formen betreiben, können Sie diese steuern, indem Sie mehrere „ng-Controller“ definieren

Aber egal in welcher Situation, wenn es sich in derselben Datei befindet, ist es am besten, nur eine „ng-app“ im selben Textkörper zu verwenden

Zusätzlich: Verwendung von 4750256ae76b6b9d804861d8f69e79d3 in Angular JS

Bei einem kürzlich durchgeführten Test wurde der Wert im Textbereich an den Hintergrund übergeben, aber der Hintergrund konnte ihn nicht empfangen. Der Code lautet wie folgt:

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

Später habe ich es geändert und den Inhalt zwischen den beiden Textbereichen entfernt, und der Hintergrund kann ihn empfangen. Es scheint, dass es in Angular JS noch einige Mechanismen gibt, die geklärt werden müssen.

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Bootstrap-Formularkomponenten-Tutorial, detaillierte Erklärung_Javascript-KenntnisseNächster Artikel：Bootstrap-Formularkomponenten-Tutorial, detaillierte Erklärung_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen