Html 如何强制角度刷新布局？

我有一个html页面，它看起来像是从设计师那里收到的左边，右边的内容和那些方块

如果我使用html并添加更多的方块，它们将自动调整到可用宽度，并在加载页面时根据需要创建新行

现在，我需要正方形是动态的，所以我的控制器中有一个数组

$scope.tickers = [];

我在一个方法中填充它

$scope.add = function(){
            $scope.tickers.push(
                {name: 'AAA', dir:'up', price: '890'}
            );
        }

这里出现了一个问题，当方块不适合可用宽度时，它们会在左侧菜单栏下移动，并且不会创建新行。 见图片

现在，如果我只是稍微调整一下浏览器窗口的大小，它们将根据需要进行排列，如图1所示。 html代码如下所示

<div class="bsBlock">
    <div class="buy_block lft" ng-repeat="t in tickers">
        <h3>{{t.name}}</h3>

        <span><i class="{{t.dir}}"></i><em>{{t.price | currency}}</em></span>
    </div>
    <div class="clearfix"></div>
</div>

有没有办法刷新布局，以便在需要时创建新行

---

thx

我不这么认为；这是个角度问题。听起来更像是CSS/布局问题。你能创建一个提琴吗？同意ExperSystem的说法，我会使用Bootstrap和row/span进行测试，你可以得到想要的行为，你能创建一个plunkr/jsfiddle吗？我们可以玩它，直到我们得到想要的行为。