需要帮助调整jQuery中的代码到Angular

时间:2016-10-06 02:36:18

标签: javascript jquery angularjs textarea

我在这里找到了一些代码:Textarea limit characters for each row in javascript

我想在我的项目中使用它,但是我无法弄清楚如何使它在Angular中工作,特别是设置指令。

以下是相关的小提琴:http://jsfiddle.net/aSU7x/

我只是改变     onchange="Validate(this)" onkeyup="Validate(this)" 至     ng-change="Validate(this)" ng-keyup="Validate(this)"

我还不太熟悉Angular,而且我对jQuery稍微熟悉一点。我将如何处理范围,控制器等?这段代码的正确Angular实现是什么样的?谢谢您的时间。

1 个答案:

答案 0 :(得分:1)

使用范围和$ event

在角度调用函数的基本思路

angular.module('changeExample', [])
  .controller('ExampleController', ['$scope',
    function($scope) {
      $scope.keyupfnc = function(evt) {
        console.log(evt.which);
      };
    }
  ]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="changeExample">
  <div ng-controller="ExampleController">
    <input type="text" ng-keyup="keyupfnc($event)" />
  </div>
</div>