您可以使用NG单击与UI的SREF? [英] Can you use ng-click with ui-sref?

查看:108
本文介绍了您可以使用NG单击与UI的SREF?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我可以这样做:

<button ng-click='vm.foo()' ui-sref='state'>test</button>

更新

是的。 ngClick 运行,然后你就会过渡到你的状态。

Yes. ngClick will run, and then you'll transition to your state.

演示

不过,如果你有一个 $事件。preventDefault() ngClick ,它赢得 T转换你到你的状态。

However, if you have an $event.preventDefault() in ngClick, it won't transition you to your state.

推荐答案

是的。 ngClick 运行,然后你就会过渡到你的状态。

Yes. ngClick will run, and then you'll transition to your state.

演示

不过,如果你有一个 $事件。preventDefault() ngClick ,它赢得 T转换你到你的状态。

However, if you have an $event.preventDefault() in ngClick, it won't transition you to your state.

全部code例如

<!DOCTYPE html>
<html ng-app='app'>

  <head>
    <script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
    <script data-require="ui-router@*" data-semver="0.2.15" src="//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller='MainController as vm'>
    <ul>
      <li><a ui-sref='home'>home</a></li>
      <li><a ui-sref='one' ng-click='vm.test()'>one</a></li>
      <li><a ui-sref='two'>two</a></li>
    </ul>
    <div ui-view></div>
  </body>

</html>

这篇关于您可以使用NG单击与UI的SREF?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆