2

ボタンをクリックすると、テキストエリアからテキストを取得したいというボタンを作成しました。ここにhtmlがあります。

<div class="text-area-container">
    <textarea id="chatBox" class="chat-box" rows="2"></textarea>
</div>
<div class="button-container btn-group btn-group-chat">
    <input id="comment" ng-click="chat($event)" class="btn" value="Comment"/>
</div>

そして、これが私のコントローラーです

$scope.chat = function($event) {
    var button = $event.currentTarget;
};

$event からボタンを取得しますが、テキストエリアを取得するにはどうすればよいですか。私はそれをjQueryできることを知っていますが、それはAngularの方法ではありません. jQueryなしでどうやってそれを行うのですか?

4

4 に答える 4

17

ng-model次のように、テキスト領域に追加します。

<textarea id="chatBox" class="chat-box" rows="2" ng-model="textModel"></textarea>

コントローラー書き込みで$scope.textModel = "";

デモFiddle

于 2013-10-18T10:55:37.927 に答える
4

Angular は双方向のデータ バインディングです。設定ng-modelすると、コントローラー変数でテキストエリア値がチェーンされます。

コントローラー側:

$scope.textArea = "";

ビュー側:

<textarea [...] ng-model="textArea">[...]</textarea>

コントローラーでは、 $scope.textArea には常にテキストエリアのコンテンツが含まれます。

于 2013-10-18T10:58:39.917 に答える
3

を探していng-modelます。

<textarea ng-model="text" id="chatBox" class="chat-box" rows="2"></textarea>

$scope.textjs またはビューでアクセス{{text}}します。

于 2013-10-18T10:58:53.923 に答える