AngularJS need to click more than 1 time for UI update? -
i have simple button inside toolbar:
<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>
when click button, function test()
fires, ripple effect doesn't. need click twice ripple effect take place.
i have tab:
<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>
when click tab, fires function tab ui not updated. example, tab1 clicks tab2, tab2 background color not updated although logic inside function has been executed. need click 2 times upto > 5 times (intermittently, 1 click changes ui).
why happen? how resolve it?
Comments
Post a Comment