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()会触发，但涟漪效应不会触发。我需要点击两次才能发生连锁反应。

我也有标签：

<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次直到＆gt; 5次（间歇性地，有时1次点击也会改变UI）。

为什么会这样？如何解决？

AngularJS需要点击多次才能进行UI更新？

0 个答案: