Angular SPA无法更改嵌套视图

Question

我试图使用angular-ui-router建立角度SPA，搜索来自The Spotify Api的艺术家 在艺术家搜索并绑定艺术家的图像和名称来自我home.html上的所有结果后，我需要能够点击图像并将我的视图从/ home更改为/{{artist.name}}，但是当我点击时我的浏览器不会更改视图的图像

app.js：

myApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/');

$stateProvider
.state('home', {
    url: '/',
    templateUrl: '/views/home.html',
    controller: 'HomeCtrl'
    })

.state('chosenArtist', {
    templateUrl: 'views/chosenartist.html',
    controller: 'ChosenartistCtrl',
    param: {pickedArtist: null},
    url: '/artist/{artist.name}'
});

home.html的：

  <div ng-repeat="artist in artists">
<ul>
  <li>{{artist.name}}</li>
  <a ng-href="#/artist/{artist.name}"><img class="artist-album-picture" ng-src="{{artist.images[0].url}}" alt=""></a>
</ul>

如果有人对我可能遗失的内容有所了解......谢谢！