javascript - 使用ng-repeat的Angular选项卡中的jQuery插件的多个实例

我自己做了一个自定义的jQuery插件，用于创建日历。
在我的Angular应用中，我有多个选项卡，每个选项卡都应包含一个日历实例。

view.html

<tabset>
<tab ng-repeat="bien in biens" active="$last" >
    <div id="calendar_{{bien.ID}}" >
        <frontcalendar model-id="{{bien.ID}}"></frontcalendar>
    </div>
</tab>

所以我做了一个指令：

frontApp.directive('frontcalendar', function ($parse) {
  return {
      restrict: 'E',
      replace: true,
      templateUrl: 'views/calendar.html',
      link: function (scope, element, attrs) {

          launchCalendar(attrs.modelId);

      }
  };
});

在views / calendar.html中有

<div class="calendar_container" id="calendar_container_{{bien.ID}}"></div>

而我的jQuery插件launchCalendar确实做到了

$("#calendar_container_"+id_div).html(some_generated_html);

当我在jQuery插件中登录DOM时，似乎没有找到#calendar_container _ {{ID}} ...

我在哪里失败？

最佳答案

在AngularJS中比较您的bien.ID和javascript中的id_div

我无法解决此问题，因为您没有提供足够的数据。

关于javascript - 使用ng-repeat的Angular选项卡中的jQuery插件的多个实例，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30909007/