入力テキストボックスのng-model値は、setAttributeメソッドを使用して設定することも、他の方法で設定することもできます。 私は、HTMLでテキストタイプ入力を複製することによってテキストボックスを追加するボタンを持っています。しかし、ボタンのonclickメソッドからクローンを作成する代わりに、テキストボックスの作成時にng-modelを設定する方法を理解することはできません。 PS:ng-modelの値は、作成されるテキストボックスごとに異なります。JavaScriptからng-model値を設定する
私はクローン化されたテキストボックスのNG-モデル値とを設定してみました
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var add = function() {
var txtClone = document.getElementById("textinput").cloneNode(true);
txtClone.setAttribute("ng-model", "name");
document.getElementById("target").appendChild(txtClone);
}
</script>
<body>
<input type="text" id="textinput" placeholder="Enter name here">
<div ng-app="">
<p>Input something in the input box:</p>
<p id="target">Name : <hr></p><button click="add()">Type</button>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
ここ
ボタン(タイプ)がクリックされたとき、私はNG-アプリでdivの外に入力されたテキストをクローン化し、そこに
更新setAttribute ....しかしバインドしません。私の質問は、jsスクリプトからこのng-modelの値を設定できる方法はありますか?
あなたに私のコード例を教えてもらえますか?これまでのところ? –
jsfiddleまたはplunkerの例がありますか? しかし、動的コンテンツをテンプレートとして追加することができます – Zauker
更新について:ディレクタまたはコントローラを使用していない理由はありますか? –