ng-click 功能有问题

Question

我正在尝试为网站制作产品配置器。我正在使用 MEAN，但此时我只是遇到了 AngularJS 的问题。

我继续解释我的程序。在应用程序中，您有三个按钮用于配置的第一步。

当您单击一个按钮时，AngularJS 会将接下来的三个按钮发送回网络（这些按钮的值取决于您单击的第一个按钮）。问题来了，最后一个按钮似乎不起作用。

单击第一个按钮后，我调用函数$scope.getOption2 并返回：

htmlsString= '<div><button id="btnS2-1" ng-click= getOption3(1)>1</button></div>'+
             '<div><button id="btnS2-2" ng-click= getOption3(2)>2</button></div>'+
             '<div><button id="btnS2-3" ng-click= getOption3(3)>3</button></div>';        

这是我在屏幕上打印的方式： $scope.option2 = $sce.trustAsHtml(pruebaHTML);

但是当我单击其中一个按钮时，永远不会调用函数 $scope.getOption3。

我已经简化了代码，但重要的部分在这里。我希望有人能看到我的问题。

Answer 1

像这样附加元素不是 Angular 的方式，而且是不受欢迎的。 Angular 不知道你的新按钮，因为你不能以这种方式操作你的 DOM。您可以再次 $compile 您的元素，但也许您应该只在模板中拥有按钮，您可以使用 ngShow 显示它们。也许更好，看看是否有一些指令可以做你想做的事 - 或者自己动手。

查看http://docs.angularjs.org/api/ng.$compile 了解有关 $compile 的详细信息。