ng-model属性を動的に生成されるjQuery要素にバインドするにはどうすればよいですか？

Question

以下のコードは、フォームを動的に生成します。 - この「DynamicContentに」idは今

start form name="myForm" ng-submit="submitForm()" 
div id='dynamicContent' 
end form    

以下のようにJSPでこれは角JS 1.4

var $label = $('<label display="inline-block" width=25px>').text(jsonObj.ATTRIBUTES[key].ATTRIBUTE_NAME+' : '); 
    var $input = $('<input type="text">').attr({id: jsonObj.ATTRIBUTES[key].ATTRIBUTE_NAME+'Id', name: jsonObj.ATTRIBUTES[key].ATTRIBUTE_NAME, 'ng-model':'entity.'+jsonObj.ATTRIBUTES[key].ATTRIBUTE_NAME}); 
    $input.appendTo($label); 
    $('#dynamicContent').append($label).append('<br/>'); 

次に書かれているが、どのように私は、フォームを提出することを確認しない、と私は次のようになりますコントローラ内の「エンティティ」にアクセスできるか？

PS：AngularおよびjQueryの新機能 Angularを使用する場合はどうすればいいですか。

Answer 1

あなたのHTMLフラグメントをコントローラーの有効範囲に対して$compileし、#dynamicContentを追加する必要があります。このためにはコントローラに$compileを注入する必要があります。

サンプルコード：

var htmlContent = "<prepare-your-html-using-jquery>"; 
$("#dynamicContent").append(
    $compile(htmlContent)(scope); 
); 

参考：あなたは両方に新しいしている場合は、角度のアプリを構築している場合angularjs-jquery-how-to-get-dynamic-content-working-in-angularjs