Angularjs 您可以将ng click与ui sref一起使用吗？
我能做这个吗Angularjs 您可以将ng click与ui sref一起使用吗？,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我能做这个吗 <button ng-click='vm.foo()' ui-sref='state'>test</button> 测试 是ng单击将运行，然后您将转换到您的状态 （由于更新和工作） 但是，如果在ngClick中有$event.preventDefault（），它将不会将您转换到您的状态 完整代码示例 <!DOCTYPE html> <html ng-app='app'> <head> <script
<button ng-click='vm.foo()' ui-sref='state'>test</button>
测试
ng单击ngClick$event.preventDefault（）<!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>
angular
.module('app', ['ui.router'])
.config(config)
.controller('MainController', MainController)
;
function config($locationProvider, $urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url: '/',
templateUrl: 'home.html'
})
.state('one', {
url: '/one',
templateUrl: 'one.html'
})
.state('two', {
url: '/two',
templateUrl: 'two.html'
})
;
}
function MainController($scope) {
var vm = this;
vm.test = function() {
alert('test');
console.log('test');
}
}
- 家
- 一个
- 两个
有棱角的
.module（'app'，['ui.router']））
.config（配置）
.controller（'MainController'，MainController）
;
函数配置（$locationProvider、$urlRouterProvider、$stateProvider）{
$urlRouterProvider。否则（'/'）；
$stateProvider
.州（“家”{
url:“/”，
templateUrl:'home.html'
})
.州（‘一’{
url:“/one”，
templateUrl:'one.html'
})
.州（“两个”{
url:“/two”，
templateUrl:'two.html'
})
;
}
功能主控制器（$scope）{
var vm=这个；
vm.test=函数（）{
警报（“测试”）；
console.log（'test'）；
}
}
ng点击ngClick$event.preventDefault（）$event.stopPropagation（）ng中单击$event.preventDefault（）