Question

我在Angular2 APP中显示指令有问题，

我导入了Class并使用Directives

将其添加到组件中

但有些它不起作用，我已经尝试了一切，我已经改变了100次代码，谢谢你的帮助！ https://github.com/eshk12/Snake

Answer 1

你的蛇组件应该是cat /etc/*-release而不是$ uname -r 3.10.0-229.el7.x86_64。

Answer 2

将蛇组件的选择器更改为“蛇”。然后你会显示一个像

这样的指令

var scrollListener = function(){
    var child = $('.child'),        // child element
    w=$(window).height,             // window height
    s=$(window).scrollTop(),        // window scrollTop position
    t=child.parent().offset().top,  // parent position in window
    h=child.parent().height(),      // parent height
    p=(w+s-t),                      // initial position
    v=0;                            // final value for child position

    if( t<s ){
       // top of parent is beyond viewport
       if( p<h ){
          // bottom of parent is also beyond viewport
          v = (w/2)+s-t;
       }else{
          // ??? - not working
          // bottom of parent is within viewport
          v = ((h-p)/2)+s-t;
       }
    }else{
       v = p/2;
    }
    child.css("top",v);
};

$(window).on("scroll resize",scrollListener);

在您的应用程序组件上

Angular2指令未显示

2 个答案: