Question

在AngularJS中，我需要创建一个运行ng-repeat的指令。我需要将重复数据绑定到元素。此外，一旦元素从DOM中删除并重新添加，我需要ng-click指令才能工作。如何设置html以使用ng-repeat和数据绑定。最重要的是，这些元素将被删除并重新添加，并且他们的ng-click事件仍然需要工作。

这是我的内联

<li style="" class="news-item text-left" ng-repeat="item in News.GeneralNews">
    <strong>{{item.DateValue | date: "MMM dd yyyy"}}</strong>
    {{item.Preview}}
    <a class="FakeClickable" ng-click="UpdateNews('General',item.index)" 
       data-target="#GeneralModal" data-toggle="modal">Read more...</a>
</li>

我不明白如何使这项工作。我试图复制指令示例，但这似乎更复杂。

指令：到目前为止

app.directive('compNews', ['$compile',function ($compile) {
        return {
            restrict: 'AEC',
            link: function (scope, element, attrs)
            {
                element.append($compile(scope.$eval(attrs.actionBtn))(scope));
            },
            templateUrl: '../pages/TemplateUrls/compNews.html'
        }
    }]);

我的理解是我可以将此元素放在我的HTML标记中<comp-News></comp-News>

AngularJS指令，具有ng-repeat并在重新添加到DOM后工作

0 个答案: