Javascript 将jquery插件应用于angularJS ng repeat中的新项

嗨，我有一个小部件，它使用angular进行渲染，还有一个jquery引导插件来切换复选框

<div class="notification" ng-repeat="notification in notifications">
    <textarea ng-model="notification.text">
    <div class="make-switch" data-on="success" data-off="danger">
        <input type="checkbox" ng-model="notification.status">
    </div>
</div>
<button ng-click="addNotification()">Add</button>

所以我使用$timeout和jquery“：last（）”选择器将插件应用于最后一项

---

这是正确的吗？？一切正常，但看起来不太好。

这是一个很好的指令候选者。有关角度指令，请参见更详细的说明。 当必须以某种方式修改DOM时，应该在指令中进行修改。控制器访问和修改DOM被认为是一种不好的做法，它应该与作用域一起工作

因此，在您的情况下，您可以创建一个简单的指令

directive('notificationSwitch', function () {
  return {
    restrict: 'A',
    link: function(scope, element) {
      element.bootstrapSwitch();
    }
  };
});

在你的视图中，你可以这样使用这个指令

<div notification-switch data-on="success" data-off="danger">

---

这样，每次使用此指令添加新项目时，都会调用其链接函数，该函数将应用bootstrapSwitch

，因此通知是否添加？是否已检查代码。1.text缺少区域结束标记。2.在错误控制台中检查错误。如果有的话。

<div notification-switch data-on="success" data-off="danger">