0

我在工具栏中有一个简单的按钮：

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

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

4

0 回答 0