如何用AngularJS確定元素的類型？

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，如果不是的話，它會使用jqLit​​e。

<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

我會這樣做。創建一個指令，將「單擊」綁定到元素，然後控制檯將其記錄下來。運行它並檢查您的瀏覽器控制檯。事情是這樣的：

<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); 
      }); 
     }; 
    });