0

最初的问题询问如何确定哪个元素称为控制器blurr功能，但我没有澄清我不是专门询问ng-blurng-* ( ng-change, ng-focus, ng-mouseover, ng-*) 。所以，考虑到这一点：

如何确定哪个元素输入正在调用blurr()和/或check()函数？

html

<body ng-app="test">
  <div ng-controller="Cntrlr as cntrlr">
    <form name="meta_test">
      <input type="text" name='inpt' ng-model="cntrlr.inpt" ng-blur="cntrlr.blurr()" ng-change="cntrlr.check()" />
      <input type="text" name='second' ng-model="cntrlr.second" ng-blur="cntrlr.blurr()" ng-change="cntrlr.check()" />
    </form>
  </div>
</body>

js

var app = angular.module("test", []);
app.controller("Cntrlr", ["$scope", function($scope){
  this.blurr = function(){
    alert("which input am I?");
    alert("this is so meta.");
    // ?
  };
  this.check = function(){
    alert("this is how meta I am:");
    alert(this); 

  }
 $scope.Cntrlr = this;  // see: (reference)
 return $scope.Cntrlr; 
}]);

您可能会问自己“他为什么要这样做？”
有2个原因：

  1. 因为我想打电话：

    $scope.user_form[meta_test.[(whatever this element is.name)]].$setValidity('spike', false);

  2. 因为我很好奇。必须有一个简单的方法来做到这一点。

（参考）： 控制器作为语法

4

2 回答 2

1

用这个 -

<input type="text" name='inpt' ng-model="cntrlr.inpt" ng-blur="cntrlr.blurr($event)" ng-change="cntrlr.check()" />

这将返回导致模糊函数的事件的 jQuery lite 版本。一旦你在控制器中收到这个元素，你几乎可以用它做任何你想做的事情。

事件的 .target 属性将为您提供所需的元素。

应该管用

于 2014-07-07T17:48:16.000 回答
0

尝试这个：

<form name="meta_test">
  <input type="text" name='inpt' ng-model="cntrlr.inpt" ng-blur="cntrlr.blurr()" 
    ng-change="cntrlr.check('One')" />
  <input type="text" name='second' ng-model="cntrlr.second" 
    ng-blur="cntrlr.blurr()" ng-change="cntrlr.check('Two')" />
</form>

在 JS 中，

this.check = function(Type){
  if(Type == "One"){
    //Then it is the first text box.
  }else if(Type == "Two"){
    //Then it is the second text box.
  }
}
于 2014-07-09T11:05:43.750 回答