使用ng-click功能的问题

Question

我正在尝试为网站制作产品配置程序。我正在使用MEAN但是在这一点上我只是遇到了AngularJS的问题。

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

当您单击一个时，AngularJS会将接下来的三个按钮发送回Web（此按钮的值取决于您单击的第一个按钮）。而这里到了问题，这最后一个按钮似乎没有用。

点击第一个按钮后，我调用函数$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。你可以再次编译你的元素，但也许你应该只是在你的模板中有按钮，你可以用ngShow显示它们。也许更好，看看是否有一些指令可以做你想要的 - 或者自己动手。

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