如何强制角度刷新布局？

Question

我有一个看起来像这样的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