AngularJSは、クライアント向けのシングルページアプリケーションの開発に最も適したMV*フレームワークです。これは機能的なライブラリではなく、動的なWebページを開発するために使用されるフレームワークです。 HTML関数の拡張に焦点を当て、動的なデータ結合を提供し、他のフレームワーク(jQueryなど)と協力できます。
<body ng-app = "mynoteapp"> <html> <div ng-controller = "mynotectrl"> <p> <textarea ng-model = "message" cols = "40" rows = "10" maxLength = "100"> </</</</</</</</</</</</<p> 100/<ps ng-bind = "left()"> </span> </p> </div> </html> <script type = "text/javascript"> var app = angular.module( "mynoteapp"、[]); app.controller( "mynotectrl"、function($ scope){$ scope.message = " {return 100- $ scope.message.length;}; //テキストボックスのクリア$ scope.cle = function(){$ scope.message = "";}; // save operation $ scope.save = function(){alert( "note saved");}述べる:
同じ形式の複数の「Textareas」がある場合は、複数の「NG-Model」を定義することで制御できます。
異なる形式で異なる「Textarea」を操作する場合、複数の「NGコントローラー」を定義することで制御できます。
しかし、どんな場合でも、同じファイルにいる場合は、同じボディに1つの「ng-app」のみを使用することをお勧めします。
サプリメント:Angular JSの<TextArea>の使用
最近、テストはTextareaの値を背景に渡すために使用されましたが、背景を受信することはできません。コードは次のように書かれています:
<textarea rows = "15" ng-model = "noction.content"> {{nocation.content}} </textarea>その後、私はそれを変更し、2つのTextareas間のコンテンツを削除し、バックグラウンドで受け取りました。角度JSには、明確にする必要があるメカニズムがまだあるようです。
<textarea rows = "15" ng-model = "noction.content"> </textarea>