使用ng-click功能的问题

时间:2014-11-27 11:41:10

标签: html angularjs function call

我正在尝试为网站制作产品配置程序。我正在使用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从未被调用。

我已经简化了代码,但必不可少的部分就在这里。我希望有人能看到我的问题。

1 个答案:

答案 0 :(得分:1)

像这样添加元素不是Angular方式,并且不赞成。 Angular不知道你的新按钮,因为你不能以这种方式操纵你的DOM。你可以再次编译你的元素,但也许你应该只是在你的模板中有按钮,你可以用ngShow显示它们。也许更好,看看是否有一些指令可以做你想要的 - 或者自己动手。

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