具有角材料按钮的ng重复中的奇数短时重复行为

Question

这是(简化的)材料版本的代码笔，而这是(剥离的)引导版本。除了依赖项之外，所有的javascript都是相同的。

我有一个服务器端分页指令，它使用引导css (我不确定这个角引导程序库当时没有分页，或者我还没有找到它)。我决定把它移植到角质材料上，认为指令逻辑可以完全重用，我可以直接切换出模板。在棱角材质版本中，形成寻呼机的所有md按钮都会被复制一秒钟，然后每次重新构建寻呼机时都会消失。每次ajax调用之后，我都会重新构建寻呼机，因为过滤器可以更改页面总数。该寻呼机的简化版本如下：

app.controller('pagerCtrl', [
            '$scope', 'userService', function ($scope, userService) {
                var self = this;

                self.pageNumber = 1;
                self.page = function (number) {
                    self.pageNumber = number;
                    self.refresh();
                }
                self.refresh = function () {
                    userService.loadAllUsers().then(function (users) {
                        self.users = [].concat(users.data);
                        self.paging = users.paging;
                        self.buildPager();
                    });
                }
                self.buildPager = function () {
                    var pages = [];
                    for (var i = 1; i < self.paging.numberOfPages + 1; i++) {
                        pages.push({ number: i, isActive: self.pageNumber === i });
                    }
                    self.pages = [].concat(pages);
                }
                self.refresh();
            }]);

这是(简化的)材料版本的代码笔，而这是(剥离的)引导版本。除了依赖项之外，所有的javascript都是相同的。

我想知道，这是否是预期的行为，如果有什么我可以做的，以使瞬间复制停止。在设置页面之前，我已经尝试过几种取消页面的方法，将页面设置为[].concat(页面)，就像它们在演示项目中所做的那样。

任何想法都将不胜感激。

Answer 1

禁用动画可以修复这个问题(尽管它可能会破坏其他东西)。

看看这支笔。

我在全球范围内禁用了动画，问题就消失了。

app.run(function($animate){
    $animate.enabled(false);
})

您也可以在本地禁用元素动画。