从jQuery插件内部动态加载时无法获得ng-click工作

时间:2014-03-17 19:04:10

标签: angularjs

有点奇怪的设置,但我正在使用carousel jquery插件来显示一些内容,并且在该内容中是一个按钮,我想要有一个ng-click事件。除了点击之外,一切都与小工具和角度完美搭配。

我不确定我需要做什么 - 其他答案提到需要$编译HTML,但是我没有加载插件所做的HTML。欢迎任何建议。如果我能显示有助于告诉我的代码,我不确定它是否会有所帮助。以下是我能想到的全部内容:

<div class="items">
  <ul class="bxslider"> <!-- BEGIN SLIDES -->
    <li ng-repeat="item in RecommendedItems" ng-hide="item.show" class="card">
      <span ng-if="item.completeStatus=='completed'"><i class="fa fa-check-circle-o" /></span>
      <span ng-bind-html="item.content"></span>       
    </li>
  </ul>    
</div>

在此示例中,item.content是带有ng-click的HTML所在的位置。控制器有:

RecommendedItems.query({}, function(response) {
          if (response && response.length > 0) {
            scope.RecommendedItems = response;

            setTimeout(function(){
              $('.bxslider').bxSlider({
                mode: 'horizontal',
                minSlides: 3,
                maxSlides: 3,
                video: true,
                slideWidth: 400,
                slideHeight: 260,
                slideMargin: 20,
                moveSlides: 1,
                pager: false,
                infiniteLoop: false,
                hideControlOnEnd: true
              });
            },1);
          }
        });

0 个答案:

没有答案