在AngularJS中将控制器添加到动态构造的div中

Question

我正在尝试将控制器添加到角度动态创建的div中。 但是，控制器似乎未加载，并且我无法将相应事件添加到click函数。

在下面的示例中，我在称为“ employeeTableCtrl”的单独父控制器中构造了这个div。 在父控制器内，当用户单击“更多信息”按钮时，将构建新的div。 我要在这个孩子的容器中附加新的控制器。

$scope.moreInfo = function(employee) {
    $("<div class='employeeWindow' ng-controller='employeeWindowCtrl'> " +
                "<button class='closeButton' ng-click='close()'> x </button> </div>".appendTo("#employees");      
    }

在单独的控制器中，我有：

.controller('employeeWindowCtrl', [
    '$scope', function ($scope) {
        $scope.close = function() {
            alert('clicked the x');
        }
    }
])

所有div均已正确构建，但是未附加“ employeeWindowCtrl”，因此未执行我的“ click（）”功能。

有人有提示吗？ 也许我正在解决所有这些错误？

谢谢

Answer 1

您正在寻找的是一个指令-大量的html，通过链接功能具有某种私有控制器。 在单独的模板中创建指令，将控制器功能（如果确实适用于控制器）放置在指令的链接函数中，并使用ng-show在单击时显示。 如果我们有更多的代码可以使用，那么我可以给出一个更好的例子。

https://docs.angularjs.org/guide/directive