Question

使用ng-model，我们可以确定元素的类型吗？

示例：我想知道这是下拉列表还是复选框...

HTML

<select multiple ng-model='p.color'>
  <option value="red">Red</option>
  <option value="blue">Blue</option>
</select>

JS

myctrl.controller('ctrl_new', ['$scope',function ($scope) {
  $scope.create = function () {
    console.log($scope.p['color']);
  }
}

Answer 1

如果我能帮到你，angular.element可以帮到你。

Angular.element的工作方式与JQuery类似。所以，如果你正在使用jquery罚款，如果没有它将使用jqLite。

<select multiple id='p.color'>
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>

myctrl.controller('ctrl_new', ['$scope',function ($scope){
  $scope.create = function ()
  {
          var element = angular.element('#p.color');
              console.log(element.type);
  }
}

Answer 2

我会这样做。创建一个指令，绑定＆＃34;点击＆＃34;到元素然后控制台记录它。运行此命令并检查浏览器控制台。像这样：

<div checker id="container">
    <select multiple ng-model='p.color'>
        <option value="red">Red</option>
        <option value="blue">Blue</option>
    </select>
</div>

app.directive('checker', function () {
        return function (scope, element, attrs) {
            element.bind("click", function (event) {
                console.log(event.target);
            });
        };
    });

如何使用AngularJS确定元素的类型？

2 个答案: