引导与angularJS

我使用并排我的角度项目高音引导侧数据幻灯片属性冲突，使用data-slide属性高音旋转木马：引导与angularJS

 <a class="carousel-control left" href="#masthead-carousel" data-slide="prev"><i class="fa fa-reply"></i></a>

原因angularJS在浏览器控制台错误

Error: [$compile:ctreq] http://errors.angularjs.org/1.2.17/$compile/ctreq?p0=carousel&p1=slide 
    at Error (native) 
    at http://localhost:9000/assets/js/angular/1.2/angular.min.js:6:450 
    at D (http://localhost:9000/assets/js/angular/1.2/angular.min.js:51:80) 
    at N (http://localhost:9000/assets/js/angular/1.2/angular.min.js:54:128) 
    at http://localhost:9000/assets/js/angular/1.2/angular.min.js:60:280 
    at http://localhost:9000/assets/js/angular/1.2/angular.min.js:71:373 
    at l.promise.then.D (http://localhost:9000/assets/js/angular/1.2/angular.min.js:99:263) 
    at http://localhost:9000/assets/js/angular/1.2/angular.min.js:100:417 
    at h.$get.h.$eval (http://localhost:9000/assets/js/angular/1.2/angular.min.js:111:121) 
    at h.$get.h.$digest (http://localhost:9000/assets/js/angular/1.2/angular.min.js:108:200) <div ng-class="{ 
    'active': leaving || (active &amp;&amp; !entering), 
    'prev': (next || active) &amp;&amp; direction=='prev', 
    'next': (next || active) &amp;&amp; direction=='next', 
    'right': direction=='prev', 
    'left': direction=='next' 
    }" class="carousel-control left item text-center ng-isolate-scope" ng-transclude="" href="#masthead-carousel" data-slide="prev">

我该如何解决这个高音扬声器引导和角度之间的冲突

来源

2014-07-08 Mohsen Kashi

您是否有任何自定义指令称为幻灯片幻灯片？通常''data-slide'没有问题，除非angularjs在应用程序内部找到一个 – maurycy

在我的角度模块中没有像'slide'或'dataSlide'或'DataSlide'的指令 –

尝试使用Angular Bootstrap Directives

来源

2014-07-08 18:45:02 pokaxperia

如果您无法替换整个现有的TWBS轮播（像我一样），则至少可以替换两个data-slide属性 - 因为这两个属性不被视为Angular slide指令。所以，我从两个'prev/next'控件中删除了这些属性，并编写了一些额外的JS来手动处理单击事件。是这样的：

$('.left.carousel-control').on('click', (e) -> 
    carousel = $(e.currentTarget).data('target') 
    $(carousel).carousel('prev') 
)

来源

2015-11-24 16:11:09

尝试在标签中添加目标=“_自我”，angularjs会忽略与目标属性链接

<a class="carousel-control left" href="#masthead-carousel" target="_self" data-slide="prev"><i class="fa fa-reply"></i></a>

来源

2015-11-26 00:49:54

数据幻灯片被两个引导和ui.bootstrap所以这里有冲突。要忽略angular apply。为此，请将ng-non-bindable插入适当的Dom元素中。

来源

2016-12-30 11:08:44

引导与angularJS

回答

相关问题