2016-03-22 11 views
7

form私はDOMに(他のプラグインから)inputを動的に挿入しています。そこにng-modelなしでこの入力から値を読み取る方法はありますか?角:ng-modelなしで入力値を取得する方法

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

私は多くの例を見て、人々はおよそng-model ... :(

+0

こんにちは、あなたはセットアップもあなたのプラグイン/拡張またはとフィドルが始めるために、それに名前を付けることができますか? –

+0

ちょうどここでスタートアップを得るには、コントローラ経由でdom操作を使用するソリューションがあります:http://stackoverflow.com/a/31741293/3298029 ngモデルを動的に追加します。 –

+1

'angular.element'を試すことができます:https://docs.angularjs.org/api/ng/function/angular.element –

答えて

2

あなたはディレクティブを使用することができます書き込みどこでも:そのディレクティブを使用し

JSFiddle

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

を変更を監視します。

必要に応じて、これをあなたのスコープに署名してください。

.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

関連する問題