angularjs ng-repeat不处理换行符

时间:2013-12-14 22:15:46

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

您好我正在angularjs中构建一个chatapp,我的自动滚动一直向下滚动到聊天框的底部,就像消息中没有换行符一样。但是,当存在换行符时,自动滚动不会完全失效。

在我的scrollDown指令中,我告诉元素scrollTop()一直到元素高度的底部。这可能是什么问题?感谢

我的傻瓜在这里。当你玩它时,一定要把换行符放在那里。

http://plnkr.co/edit/x0637Z5uVSvKVKEcNRBE?p=preview

2 个答案:

答案 0 :(得分:4)

似乎事件触发的速度有点太快,无法呈现最后一个元素。将其包裹在$timeout中可以解决问题

$timeout(function(){
   scope.$emit("Finished");
})

DEMO

答案 1 :(得分:1)

好的,所以你的傻瓜here's my fork似乎有效。一些说明:

  1. 我摆脱了额外的指令,因为它似乎是多余的。一切都在scroll-after-repeat指令中完成。
  2. 我添加了一个超时时间让布局正常工作以正确定位。