angularjs - AngularJS は UI 更新のために複数回クリックする必要がありますか?

Question

ツールバー内にシンプルなボタンがあります:

<md-toolbar>
    <div class="md-toolbar-tools" layout="row" layout-align="space-between left">
        <md-button class="md-icon-button" aria-label="Settings">
            <md-icon md-svg-icon="images/ic_local_airport_24px.svg"></md-icon>
        </md-button>
        <h2>
            <span class="md-title">
                <font>
                    Title
                </font>
            </span>
        </h2>
        <span>
            <!--
            <md-button class="md-icon-button" aria-label="languageEnglish"
            style='width: 1px !important;
            padding-left: 2px !important;
            padding-right: 2px !important;'>|</md-button>
            -->
            <md-button ng-click='test()' class="md-icon-button">Test</md-button>
        </span>
    </div>
</md-toolbar>

ボタンをクリックすると、関数は起動しますtest()が、波及効果は発生しません。波及効果を発生させるには、2 回クリックする必要があります。

タブもあります：

<md-tabs class="tabs" layout="row" md-dynamic-height="" md-border-bottom="" 
    md-align-tabs="bottom" md-stretch-tabs="always" md-no-pagination="true" md-no-ink="false"
    md-swipe-content="true">
    <md-tab label="Home" ng-click="tab1Clicked()">
        <md-tab-label>
            <md-icon md-svg-icon="images/ic_local_airport_24px.svg"></md-icon>
            <div class="tabsDivider"></div>
        </md-tab-label>
    </md-tab>
    <md-tab label="Location" ng-click="tab2Clicked()">
        <md-tab-label>
            <md-icon md-svg-icon="images/ic_local_airport_24px.svg"></md-icon>
        </md-tab-label>
    </md-tab>
</md-tabs>

タブをクリックすると、関数も起動しますが、タブ UI は更新されません。たとえば、私は tab1 から tab2 をクリックします。関数内のロジックは実行されていますが、tab2 の背景色は更新されません。2回から5回以上クリックする必要があります（断続的に、1回のクリックでもUIが変わることがあります）。

なぜこれが起こるのですか？それを解決する方法は？