Angular SPA can't change nested views

Asked May 14 '17 at 23:36

Active May 14 '17 at 23:36

Viewed 25 times

I'm trying to build an angular SPA with angular-ui-router that searches artists from The Spotify Api After an artist search and binding artists images and names from all results on my home.html I need to be able to click on an image and change my view from /home to /{{artist.name}}, but when I click on the images my browser doesn't change the view

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>

if anyone has some insight on what i could be missing... thanks!

asked May 14 '17 at 23:36

langStrife

which angular version are you using? there were some breaking changes made to the router in 1.6, which your code would definitely be affected by. – Claies May 14 '17 at 23:50
@Claies on my bower.json file says "angular": "^1.4.0", – langStrife May 14 '17 at 23:54
2

which means "1.4.0 **or newer.**". Or more specifically, anything higher than a particular version in the same major range (in this case, 1 is the major, 4 is the minor, but 6 is another minor that can be included). what **actual** version is included in the project? – Claies May 14 '17 at 23:55
Right, I'm using AngularJS v1.6.5 – langStrife May 14 '17 at 23:58
which means that the duplicate applies to your code. – Claies May 14 '17 at 23:58
Also get familiar with href directive built into ui-router instead of using `ng-href` – charlietfl May 14 '17 at 23:59
@Claies The link you replied with helped me! thanks <3<3<3 – langStrife May 15 '17 at 00:14

Angular SPA can't change nested views

0 Answers0