AngularJs UI-Router syntax

var app = angular.module('app',['ui.router']);
app.config(['$stateProvider','$urlRouterProvide',function($stateProvider,$urlRouterProvide){
$stateProvider
.state('firstMessage',{
url:'/first-msg',
// template:'<strong>hi this is first message</strong>'
templateUrl:'msg1.html',
controller:'msg1'
})
.state('secondMessage',{
url:'/first-msg',
templateUrl:'msg2.html',
controller:'msg2'
})
.state('root',{
url:'/',
template:'<strong>you are at root</strong>',
})
.state('noroute',{
url:'*path',
template:'<strong>no route available.. 404</strong>',
})
// $urlRouterProvide.otherwise('/') alternatve to noroute
}])
app.controller('msg',['$scope',function($scope) {
}])
app.controller('msg2',['$scope',function($scope) {
}])
alternative of above anchor tag
<a ui-sref='firstMessage()'>first messgae</a>
<div ui-view>
</div>