AngularJS - 创建动态控制器

时间:2012-11-29 12:59:37

标签: javascript angularjs

我有一些使用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完全错了?

0 个答案:

没有答案