Question

Angularjs是否可以检查textarea是否存在h1并提供实时消息。

因此，例如，当我输入文字时，它会实时提醒我，如果忘记使用h1标签。

提前致谢

Answer 1

是的，有可能！您只需要在textarea中设置ng-model，例如：ng-model =“myText”，在控制器中，您可以定义一个函数（checkTag）来测试“h1”并执行您需要的操作。您还需要设置角度事件以在键入时触发功能，我选择按键事件。请参阅下面的代码。

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>
	
<h1>{{sometext}}</h1>
<h2>{{message}}</h2>


</div>

</body>
</html>

Angularjs实时h1检查textarea

1 个答案: