Angularjsリアルタイムのh1テキストエリアのチェック

-1

Ang1jsは、h1が存在する場合にテキストエリアをチェックし、リアルタイムメッセージを表示することは可能ですか？Angularjsリアルタイムのh1テキストエリアのチェック

たとえば、テキストを入力しているときに、h1タグの使用を忘れた場合、リアルタイムで通知されます。

ありがとうございます。

2017-03-15 Yannick

はい、可能です！あなたのテキストエリアにng-modelを設定するだけです：ng-model = "myText"、コントローラで "h1"をテストして必要な機能を実行する関数（checkTag）を定義できます。また、入力時に関数をトリガする角度イベントを設定する必要があります。私はkeypress enventを選択しました。以下のコードを参照してください。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.sometext = "Volvo"; 
 
    
 
    $scope.checkTag = function(tag){ 
 
     if($scope.sometext.indexOf(tag) > 0){ 
 
      $scope.message = "Found "+tag+"!"; 
 
     } 
 
    } 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
    <textarea rows="4" cols="50" ng-model="sometext" ng-keypress='checkTag("h1")'> 
 
    
 
    </textarea> 
 
\t 
 
<h1>{{sometext}}</h1> 
 
<h2>{{message}}</h2> 
 

 

 
</div> 
 

 
</body> 
 
</html>

出典

2017-03-15 15:33:14 Lindemberg

ライフセーバーが非常に多くのuをありがとう！ – Yannick

よろしくお願いします！ – Lindemberg

Angularjsリアルタイムのh1テキストエリアのチェック

答えて

関連する問題