Cách lấy phần tử theo tên lớp hoặc id

Tôi đang cố gắng tìm phần tử trong html bởi angularjs.

Đây là html:

<button class="btn btn-primary multi-files" type="button">
   <span>Choose multiple files</span>
</button>
<br/><br/>
<input ng-file-select type="file" multiple  style="display: none"/><br/>

Tôi đang cố gắng để có được phần tử nút theo nhiều lớp tên, sau đó tôi đã thử

var multibutton = angular.element(element.getElementsByClassName(".multi-files"));

Nhưng nó không hoạt động, và đã thử element.find nhưng nó chỉ hoạt động cho thẻ.

Có hàm nào có thể lấy phần tử theo id hoặc classname trong angularjs không?

getElementsByClassNamelà một chức năng trên Tài liệu DOM. Nó không phải là một hàm jQuery hay jqLite.

Đừng thêm khoảng thời gian trước tên lớp khi sử dụng nó:

var result = document.getElementsByClassName("multi-files");

Gói nó trong jqLite (hoặc jQuery nếu jQuery được tải trước Angular):

var wrappedResult = angular.element(result);

Nếu bạn muốn chọn từ elementchức năng liên kết trong lệnh, bạn cần truy cập tham chiếu DOM thay vì tham chiếu jqLite - element[0]thay vì element:

link: function (scope, element, attrs) {

  var elementResult = element[0].getElementsByClassName('multi-files');
}

Ngoài ra, bạn có thể sử dụng document.querySelectorchức năng (cần khoảng thời gian ở đây nếu chọn theo lớp):

var queryResult = element[0].querySelector('.multi-files');
var wrappedQueryResult = angular.element(queryResult);

Bản trình diễn: http://plnkr.co/edit/AOvO47ebEvrtpXeIzYOH?p=preview

Bạn không cần phải thêm .vào getElementsByClassName, tức là

var multibutton = angular.element(element.getElementsByClassName("multi-files"));

Tuy nhiên, khi sử dụng angular.element, bạn phải sử dụng các bộ chọn kiểu jquery:

angular.element('.multi-files');

nên làm thủ thuật.

Ngoài ra, từ tài liệu này "Nếu jQuery có sẵn, angular.element là bí danh cho hàm jQuery. Nếu jQuery không có sẵn, angular.element ủy nhiệm cho tập hợp con jQuery tích hợp của Angular, được gọi là" jQuery lite "hoặc" jqLite. ""

Câu trả lời của @ tasseKATT là tuyệt vời, nhưng nếu bạn không muốn thực hiện một chỉ thị, tại sao không sử dụng $document?

.controller('ExampleController', ['$scope', '$document', function($scope, $document) {
  var dumb = function (id) {
  var queryResult = $document[0].getElementById(id)
  var wrappedID = angular.element(queryResult);
  return wrappedID;
};

VUN

Nếu bạn muốn tìm nút chỉ bằng tên lớp và chỉ sử dụng jQLite, bạn có thể làm như dưới đây:

var myListButton = $document.find('button').filter(function() {
    return angular.element(this).hasClass('multi-files');
});

Hi vọng điêu nay co ich. :)