events - Angular ng-click 稍后在 dom 上输入

Question

我正在使用按钮更改 dom 元素的内部 html。当单击按钮时，我想触发另一个控制器功能。类似的东西。...但是不工作:)。

$scope.addBtn = function() {
   $('domtarget').html('<button ng-click="removeButton();"></button>');
}

$scope.removeBtn = function() {
   $('domtarget').html('');
}

请建议修复:)

Answer 1

永远不要修改控制器内部的 DOM 。

<div ng-show="showMe"></div>
<button ng-click="showMe = !showMe;anotherAction()">Switch</button>
<button ng-click="someOtherAction()">Switch2</button>

.

function SomeCtrl($scope) {
    $scope.showMe=true;
    $scope.anotherAction = function () {
        alert("gotcha");
    };
    $scope.someOtherAction = function () {
        $scope.showMe = !$scope.showMe;
        $scope.anotherAction();
    };
}

要有条件地隐藏/显示元素，请使用ng-show或ng-hide。
要在点击时触发事件，请使用ng-click