为什么mb-button涟漪效应在应用ui-sref时消失了

时间:2015-12-05 10:40:07

标签: angularjs angularjs-directive ionic-framework angular-ui-router angular-material

我正在为我的离子应用程序使用角度材料,我使用<md-button>指令进行材料设计,所有这些对我来说都很好但是当我使用ui-serf应用超链接时它的连锁效果以及大小被破坏。ui-sref不能使用md-button是因为这两个指令的排序吗?建议我做更好的方法。

<div layout="row" layout-margin>
            <div  flex>
                <md-button type="button" class="button-full md-raised google-color" style="color:#ffffff" ui-sref="menue.state1" >G+</md-button>
            </div>
            <div  flex>
                <md-button  class="button-full md-raised facebook-color" ng-click="go_to_state('menue.state2')" style="color:#ffffff">Facebook</md-button>
            </div>
</div>

JS

$scope.go_to_state=function(url){
      console.log(url);
      $state.go(url);

    }

按钮1上的路由因为ui-sref工作因为facebook按钮正在工作因为我正在处理ng-click。 为什么第一个按钮不工作以及它如何工作以及为什么在这两种情况下涟漪效应都会消失。

注意: 它没有记录任何错误。

1 个答案:

答案 0 :(得分:0)

ui-sref指令用于链接标记<a>而不是按钮。在你的按钮上,只需在第二个按钮上使用ng-click。