javascript - 如何检测输入中何时输入了特定字符？

Question

HTML

<div class="form-group"><label class="col-md-4 control-label" for="s1">URL</label>
                <div class="col-md-4"><input id="url" name="url" type="text" ng-change="checkVal()" ng-model="url" placeholder="" class="form-control input-md"></div>
            </div>

Javascript v1.6

 var app = angular.module('urlGeneratorAvid', [])

  .controller('macroControllerAvid',['$scope', function ($scope) {
    $scope.needQuestionMark = true;
    $scope.url = '';

    $scope.checkVal = function() {
      console.log("Checking Value.");
      if ($scope.url.includes('?')) {
        console.log("Detected!");
        $scope.needQuestionMark = false;
        console.log("Question Mark Variable: " + $scope.needQuestionMark);
      } else {
        $scope.needQuestionMark = true;
        console.log("Question Mark Variable: " + $scope.needQuestionMark);
      }
    }

  }]);

目标

操作指令中的变量needQuestionMark。它当前从指令输出正确的数据，但我似乎无法操纵它。

最终目标

检测到的 URL 输入包含一个问号，因此完整的 URI 不包含第二个问号，而是包含一个 & 符号。

刚接触 AngularJS，如果我走错了方向，请告诉我，谢谢!

Answer 1

我不确定是否 100% 能满足您的要求。

检测并操作 ngModel/输入值。您不必为此使用指令。

好主意是将 watch 放在 Controller 内，就像这样

$scope.$watch('$scope.textBox', function(newValue, oldValue) {
   // do stuff to the text everytime it changes
});

第二个选项可以将 ng-change 添加到 html

ng-change example

第三。为它做组件，它就像一个指令，但却是一种使用 Angular 的新方式。

Components

还有关于您的 Controller 。尝试使用 Controller 作为。下面是一些有用的员工可以休息:)

Angular style guide