Question

我正在尝试使用jquery附加li元素。成功附加了“li”元素但是ng-click事件无法正常工作。请帮忙。

下面是我的代码。

$(".language-list").append("<li><span ng-click='selectOperator(op)'><label for=checkbox" + $scope.allOperators[op].operator_id +   " class=labeloperator" + ">" + $scope.allOperators[op].operator_name + "</label></div></span></li>");

Answer 1

在追加时你需要编译元素。

在控制器中执行此操作并不好。使用指令进行任何DOM选择/操作。

无论如何这里是例子：

var elmnt = angular.element(/* ... */);


elmnt.append(
           $compile(
           "<li><span ng-click='selectOperator(op)'><label for=checkbox" + $scope.allOperators[op].operator_id +   " class=labeloperator" + ">" + $scope.allOperators[op].operator_name + "</label></div></span></li>"
               )($scope));

Answer 2

您必须编译动态HTML才能完成工作。

$(".language-list")
  .append(
        $compile(
           "<li><span ng-click='selectOperator(op)'><label for=checkbox" + 
            $scope.allOperators[op].operator_id +   " class=labeloperator" + ">" +
            $scope.allOperators[op].operator_name + "</label></div></span></li>")
 )($scope);

For more Information about $compile service

angularjs：ng-click事件无效

2 个答案: