Sınıf adına veya kimliğe göre öğe nasıl alınır

Html'deki elementi angularjs ile bulmaya çalışıyorum.

İşte 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/>

Button öğesini sınıf adına göre çoklu dosyalar almaya çalışıyorum, sonra denedim

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

Ama işe yaramıyor ve denedi element.findama sadece etiket için çalışıyor.

Angularjs'de id veya sınıf adına göre eleman alabilen herhangi bir fonksiyon var mı?

getElementsByClassNameDOM Belgesi üzerinde bir işlevdir. Bu ne jQuery ne de jqLite işlevidir.

Kullanırken sınıf adının önüne nokta eklemeyin:

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

JqLite (veya jQuery Angular'dan önce yüklenmişse jQuery) sarın:

var wrappedResult = angular.element(result);

Aralarından seçmek istiyorsanız elementbir yönerge bağlantı fonksiyonunda sen jqLite referans yerine DOM referansı erişmesi gereken - element[0]yerine element:

link: function (scope, element, attrs) {

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

Alternatif olarak document.querySelectorişlevi kullanabilirsiniz (sınıfa göre seçiyorsanız burada nokta gerekir):

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

Demo: http://plnkr.co/edit/AOvO47ebEvrtpXeIzYOH?p=preview

Bir eklemek gerekmez .in getElementsByClassName, yani

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

Bununla birlikte, angular.elementkullanırken jquery stil seçicileri kullanmanız gerekir:

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

hile yapmalı.

Ayrıca, bu belgeden "jQuery varsa, angular.element jQuery işlevi için bir takma addır. JQuery yoksa, angular.element, Angular'ın" jQuery lite "veya" jqLite "adlı yerleşik jQuery alt kümesine delege eder. ""

@ tasseKATT'ın Yanıtı harika, ama bir yönerge yapmak istemiyorsanız, neden kullanmayasınız $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;
};

PLUNKR

Düğmeyi yalnızca sınıf adına göre ve yalnızca jQLite kullanarak bulmak istiyorsanız, aşağıdaki gibi yapabilirsiniz:

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

Bu yardımcı olur umarım. :)