AngularJs не вызывает контроллер с плагином umbraco - PullRequest
Новая
       10

AngularJs не вызывает контроллер с плагином umbraco

0 голосов
/ 09 октября 2018

Я новичок в AngularJS.Я пытаюсь создать плагин Umbraco для ограничения количества символов в текстовой области, но у меня проблема с вызовом функции в контроллере.Мой контроллер 

angular.module("umbraco").controller("Example.CharLimitController", function ($scope) {
        alert("0");
        $scope.limitchars = function () {
            alert("1");
            var limit = 30;

            if ($scope.module.value.length > limit) {
                $scope.info = 'You cannot write more than ' + (limit) + ' Characters ';
                $scope.module.value = $scope.module.value.substr(0, limit);
            }
            else
            { $scope.info = 'You have ' + (limit - $scope.model.value.length) + ' Characters left';}
        }

    });

, и я вызываю контроллер с 

<div ng-controller="Example.CharLimitController">
<textarea cols="10" ng-model="model.value" ng-change="limitchars"></textarea>
    <br/>
    <span ng-bind="info"></span>
</div>

Когда я загружаю страницу, отображается предупреждение (0), но при изменении предупреждения текстовой области (1) не отображается ни ничего, ни ниже.

Пожалуйста, помогите

Ответы [ 2 ]

0 голосов
/ 09 октября 2018 

angular.module("umbraco", []).controller("Example.CharLimitController", ['$scope', function($scope) {
  $scope.limitchars = function() {
    var limit = 3;
    if ($scope.model.value.length > limit) {
      $scope.info = 'You cannot write more than ' + (limit) + ' Characters ';
      $scope.model.value = $scope.model.value.substr(0, limit);
    } else {
      $scope.info = 'You have ' + (limit - $scope.model.value.length) + ' Characters left';
    }
  }

}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.4/angular.min.js"></script>
<div ng-app="umbraco">
  <div ng-controller="Example.CharLimitController"> <textarea cols="10" ng-model="model.value" ng-change="limitchars()"></textarea> <br/> <span ng-bind="info"></span> </div>
</div>
0 голосов
/ 09 октября 2018

Синтаксис для изменения ng: 

ng-change =limitChars()

Я не вижу ни одного объекта модели в вашем конструкторе.

Можете ли вы изменить его на модель и проверить? 

<div ng-controller="Example.CharLimitController">
 <textarea cols="10" ng-model="model" ng-change="limitchars()"></textarea>
    <br/>
 <span ng-bind="info"></span>
</div>
...