Javascript AngularJS呈现元素而不是指令
我的AngularJS视图有问题。我使用flex-slider指令渲染一个旋转木马滑块。还有我自己为列表项、加载覆盖和粘性框创建的其他指令 问题是,当我重新加载页面并加载所有内容并进行渲染时,我的flex slider只需将html包装到一个“a”元素中,而不是它的模板提供的flexslider html。如果我删除另一个指令中的一个,它将正确呈现 一个视图中允许有多少指令有限制吗? 或者这可能是flexslider指令的问题?或者让光照派做点什么 感谢您的使用和/或有用的回答 编辑Javascript AngularJS呈现元素而不是指令,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我的AngularJS视图有问题。我使用flex-slider指令渲染一个旋转木马滑块。还有我自己为列表项、加载覆盖和粘性框创建的其他指令 问题是,当我重新加载页面并加载所有内容并进行渲染时,我的flex slider只需将html包装到一个“a”元素中,而不是它的模板提供的flexslider html。如果我删除另一个指令中的一个,它将正确呈现 一个视图中允许有多少指令有限制吗? 或者这可能是flexslider指令的问题?或者让光照派做点什么 感谢您的使用和/或有用的回答 编辑 .dire
.directive('sticky', [function(){
return {
restrict: 'A',
transclude: false,
link: function(scope, elem, attr){
function sticky_relocate() {
var window_top = window.scrollY;
var div_top = document.getElementById("sticky-anchor").offsetTop;
if (window_top > div_top) {
angular.element(elem).addClass('stick');
} else {
angular.element(elem).removeClass('stick');
}
}
angular.element(window).bind("scroll", function() {
sticky_relocate();
});
sticky_relocate();
}
};
}]);
编辑2
奇怪的是,当我删除sticky指令中的html时,flex滑块又开始工作了
指令中的HTML:
<div sticky id="sticky" class="col-sm-2 col-sm-offset-10">
<img ng-src="{{ ::company.logo }}" class="img-responsive"/>
<strong>{{ ::company.name }}</strong><br><br>
<a ng-href="/firma/{{ ::company.company_link.companyIdent }}/{{ ::company.company_link.companyHash }}/{{ ::company.company_link.companyId }}">Zum Newsroom <i class="fa fa-chevron-right"></i><a/>
</div>
{{::company.name}
祖姆新闻编辑室
哦,天哪,只是关闭标签时出错了。。。而不是