ui-sref for anchor tag unable to click [duplicate]
This question already has an answer here:
when I set ui-sref for anchor tag is unable to click but it will work well when I replaced with href attribute
<table>
<tr>
<td class="sideMenu">
<a ui-sref="#/Home">Home</a>
<a ui-sref="#/Course">Course</a>
<a ui-sref="#/Student">Student</a>
</td>
<td class="mainMenu">
<ui-view></ui-view>
</td>
</tr>
</table>
</div>
</body>
</html>
when I set ui-sref for anchor tag is unable to click but it will work well when I replaced with href attribute
and this is my angularjs code
/// <reference path="angular-1.7.8/angular.js" />
/// <reference path="angular-1.7.8/angular-route.js" />
var myApp = angular
.module('myModule', ['ui.router'])
.config(function ($stateProvider,$urlRouteProvider) {
$stateProvider
.state('Home', {
url: '/Home',
templateUrl: 'Template43/Home.html',
controller: 'homeController',
controllerAs: 'homeCtr'
})
.state('Course', {
url: '/Course',
templateUrl: 'Template43/Course.html',
controller: 'courseController',
controllerAs: 'courseCtr'
})
.state('Student', {
url: '/Student',
templateUrl: 'Template43/Student.html',
controller: 'studentController',
controllerAs: 'studentCtr',
resolve: {
studentList: function ($http) {
return $http.get('WebService43RouteUi.asmx/getData')
.then(function (response) {
return response.data;
});
}
}
});
$locationProvider.hashPrefix('');
})
Source: AngularJS