Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS呈现元素而不是指令_Javascript_Angularjs_Angularjs Directive - Fatal编程技术网

Javascript AngularJS呈现元素而不是指令

Javascript AngularJS呈现元素而不是指令,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我的AngularJS视图有问题。我使用flex-slider指令渲染一个旋转木马滑块。还有我自己为列表项、加载覆盖和粘性框创建的其他指令 问题是,当我重新加载页面并加载所有内容并进行渲染时,我的flex slider只需将html包装到一个“a”元素中,而不是它的模板提供的flexslider html。如果我删除另一个指令中的一个,它将正确呈现 一个视图中允许有多少指令有限制吗? 或者这可能是flexslider指令的问题?或者让光照派做点什么 感谢您的使用和/或有用的回答 编辑 .dire

我的AngularJS视图有问题。我使用flex-slider指令渲染一个旋转木马滑块。还有我自己为列表项、加载覆盖和粘性框创建的其他指令

问题是,当我重新加载页面并加载所有内容并进行渲染时,我的flex slider只需将html包装到一个“a”元素中,而不是它的模板提供的flexslider html。如果我删除另一个指令中的一个,它将正确呈现

一个视图中允许有多少指令有限制吗? 或者这可能是flexslider指令的问题?或者让光照派做点什么

感谢您的使用和/或有用的回答

编辑

.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 &nbsp;&nbsp;<i class="fa fa-chevron-right"></i><a/>
</div>

{{::company.name}

祖姆新闻编辑室
哦,天哪,只是关闭标签时出错了。。。而不是