私はjQueryでいくつかのアプリをビルドしていますが、今はangularjsを使って自分のアプリで魔法をかけたいと思っています.
現在のアプリは何をしていますか? 1位。- jquery を使用していくつかの DOM 要素を作成します。
<html>
<body>
<div id="wrapper"></div>
<script>
for(var i = 0; i < 20; i++) {
var $elem = $('<div>')
.attr('id', 'box-' + i)
.appendTo('#wrapper');
}
</script>
</body>
</html>
次に、AJAX 呼び出しを行い、返された JSON に基づいて、新しい DOM 要素 (jquery とハンドルバーによって) を作成し、それを $("#elem-2"); に追加します。
$.get('something', function(response){
var elemInstance = new MyElement(response); //function MyElement handles my object creation based on the response.
var $elem = elemInstance.render(); //return new jQuery Object, like: return $("<div>");
$elem.appendTo('#wrapper #box-2');
});
これはうまく機能しますが、この動的に作成された $elem とその「コントローラー」( MyElement ) は非常に複雑で、頻繁に再レンダリングする必要があるため、Angular を使用してこの方法で作成されたすべての要素を制御したいと考えています。
だから、質問は:角度でOOPのクラスのようなものを持ち、このクラスに基づいて新しいオブジェクトを作成できますか? 実行時に角度コントローラーを作成できますか? それとも、ma approch が完全に間違っているのでしょうか。