2016-03-22 19 views
7

form dinamik eklenmiş input DOM ile diğer bazı eklentilerden var. Üzerinde ng-model olmadan bu girdiden değer okuma yolu var mı?Açısal: ng-model olmadan giriş değeri nasıl elde edilir

<form name="myForm" data-my-directive> 
    <div class="customPlugin"> 
     <!-- here input without ng-modeal appears: --> 
     [ <input type="text" name="foo" value="bar" /> ] 
    </div> 
</form> 

Birçok örneklere bakmak, ama insanlar hakkında ng-model ... yazıyor her yerde :(

+0

Merhaba size kurulum eklenti/uzantı ile hatta bunun adı keman başlamak için olabilir? –

+0

Sadece başlangıç ​​için burada bir denetleyici üzerinden dom manipülasyon kullanarak bir çözüm: http://stackoverflow.com/a/31741293/3298029 ng-model dinamik olarak ekler. –

+1

"angular.element" ile deneyebilirsiniz: https://docs.angularjs.org/api/ng/function/angular.element –

cevap

2
Bir yönergesini kullanabilirsiniz

:

JSFiddle

.directive('myDirective', function() { 
    return { 
     link: function(scope, element, attrs) { 
      console.log(element.find('input').attr('value')); 
     } 
    }; 
}); 
3

kullanın direktif o değişiklikleri izler

Gerekli görürseniz, bunu kapsamınıza imzalayın.

.directive('watchForChanges', function() { 
     return { 
      link: function(scope, element, attrs) { 
       element.on('change', function (e) { 
        console.log(e.target.value); 
        // scope.myValue = e.target.value; 
       }) 
      } 
     } 
}); 

PLNKR: http://plnkr.co/edit/qrj8ZbUya5wE0EylFcGG?p=preview

İlgili konular