Question

我点击了一个按钮，我想继续将div作为子节点添加到父div。我想在angularJS中执行此操作。可能请给我一个如何实现此示例的示例？我不是知道这是否重要，但我想添加的动态子div有一个ng-include。 <button ng-click="callme()"> add dynamic divs </button> <div class="parentDiv"> </div>

我想在点击时添加到parentDiv的动态div如下： <div ng-include="/xyz.html"></div>

Answer 1

ng-show或ng-if我认为你不会对你有用，因为你想让用户能够添加尽可能多的子div而不是他们做的点击？如果是这种情况，我会使用指令来完成这项任务：

FIDDLE

 //Directive for adding divs
    myApp.directive("adddivs", function($compile){
        return function(scope, element){
            element.bind("click", function(){
                angular.element(document.getElementById('space-for-buttons')).append($compile("<div ng-include='/xyz.html'></div>")(scope));
            });
        };
    });

    //Directive that returns an element which adds divs
    myApp.directive("adddiv", function(){
        return {
            restrict: "E",
            template: "<button adddivs>Click to add div</button>"
        }
    });

在你的部分：

<section ng-app="myApp" ng-controller="MainCtrl">
    <adddiv></adddiv>
    <div id="space-for-buttons"></section>
</section>

如何在角度按钮上单击div添加div？

1 个答案: