Question

我有很多用jQuery编写的代码。现在我想要一种方法，编写了千行jQuery代码，所以我认为使用AngularJS实现新功能会更好。基本上我需要的是：

我在app.js中有以下代码：

var cmsApp = angular.module('cmsApp', []);
cmsApp.controller('OOJRecordTab',['$scope' ,function($scope, $compile) {
  $scope.test = function() {
    console.log('Test');
  };
}]);

HTML：

<ul>
    <li class="dropdown open">
        <a>Records <span>0</span></a>
        <ul id="oojRecordsLinks" class="dropdown-menu">
            <li>
                <a ng-click="test()" tabindex="-1">test</a>
            </li>
        </ul>
    </li>
</ul>

上述点击功能完美无缺。现在我在jQuery中有一个函数，如：

function addNewRecords(html){
    $record = "<a ng-click='test()'></a>";
    $("ul#oojRecordsLinks").append($record);
}

此新添加的行的单击功能不起作用。请建议。请有人帮帮我。它到现在还没有工作。

Answer 1

最后我自己找到了答案。我们可以使用jquery添加新添加的html元素，但我们需要使用AngularjS在范围内编译它。经过几个小时的工作，最后我做到了.. 这是Plnkr Link。

谢谢大家...... :)

如何使用jQuery追加使用AngularJS指令？

1 个答案: