Як отримати елемент за назвою класу чи ідентифікатором

Я намагаюся знайти елемент у html від angularjs.

Ось 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/>

Я намагаюся отримати елемент кнопки за допомогою мультифайлів імені класу, потім я спробував

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

Але це не працює, і спробував, element.findале працює лише для тегів.

Чи є якась функція, яка може отримати елемент за id або classname у angularjs?

getElementsByClassNameє функцією в документі DOM. Це не є ні jQuery, ні функцією jqLite.

Не додайте період перед назвою класу під час його використання:

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

Оберніть його в jqLite (або jQuery, якщо jQuery завантажено перед кутовим):

var wrappedResult = angular.element(result);

Якщо ви хочете вибрати з elementфункції посилання директиви, вам потрібно отримати доступ до посилання DOM замість посилання jqLite - element[0]замість element:

link: function (scope, element, attrs) {

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

Крім того, ви можете використовувати document.querySelectorфункцію (потрібний період тут, якщо вибираєте за класом):

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

Демонстрація: http://plnkr.co/edit/AOvO47ebEvrtpXeIzYOH?p=preview

Вам не доведеться додавати .в getElementsByClassName, тобто

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

Однак під час використання angular.elementвам потрібно використовувати селектори jquery style:

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

повинен зробити трюк.

Також з цієї документації "Якщо jQuery доступний, angular.element є псевдонімом функції jQuery. Якщо jQuery недоступний, angular.element делегує вбудованому підмножину jQuery вбудований підмножину jQuery, який називається" jQuery lite "або" jqLite ". ""

@ tasseKATT Відповідь чудова, але якщо ви не хочете складати директиву, чому б не використати $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;
};

ПЛУНКР

Якщо ви хочете знайти кнопку лише за назвою її класу та лише за допомогою jQLite, ви можете зробити наступне:

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

Сподіваюся, це допомагає. :)