Angular JS UI sample app not working

Question

I tried the UI Router sample application (plnkr.co/edit/u18KQc?p=preview) but when i'm running the same code in my browser, it's not working. Any recent changes to API ? Till " $urlRouterProvider.otherwise("/route1")" It's working as it's routed to "/route1" initially.

working like this

Additional Files with index.html (in same directory):

route1.html
route1.list.html
route2.html

route2.list.html

var myapp = angular.module('myapp', ["ui.router"])
myapp.config(function($stateProvider, $urlRouterProvider){
  // For any unmatched url, send to /route1
  $urlRouterProvider.otherwise("/route1")

  $stateProvider
    .state('route1', {
        url: "/route1",
        templateUrl: "route1.html"
    })
      .state('route1.list', {
          url: "/list",
          templateUrl: "route1.list.html",
          controller: function($scope){
            $scope.items = ["A", "List", "Of", "Items"];
          }
      })

    .state('route2', {
        url: "/route2",
        templateUrl: "route2.html"
    })
      .state('route2.list', {
          url: "/list",
          templateUrl: "route2.list.html",
          controller: function($scope){
            $scope.things = ["A", "Set", "Of", "Things"];
          }
      })
})

Tomek Sułkowski · Accepted Answer · 2015-06-21 13:23:29Z

1

AngularJS loads templates via ajax calls and such calls can be only made by browser when it runs a page from server, loading your application from a filesystem (file:/// in address bar) won't work.

You can use a simple server e.g. python -m http.server

edited Jun 21, 2015 at 13:23

answered Jun 21, 2015 at 13:04

Tomek Sułkowski

7,2312 gold badges20 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user2216267 Over a year ago

means what changes need to be made ?

Tomek Sułkowski Over a year ago

Just open: embed.plnkr.co/u18KQc/preview - it should work that way. It doesn't handle being inside iframe well.

user2216267 Over a year ago

It's working on plnkr, i'm talking about when i downloaded the code & run it on my PC as it is, it's not working ?

Tomek Sułkowski Over a year ago

Ah, sorry, I didn't get that. Did you try running it from a local server? (instead from filesystem) I'll edit the answer out to reflect that suggestion.

user2216267 Over a year ago

I just double clicked on index.html to run the downloaded file, it wssnt able to load the CDN files as it;s without http so i downloaded but still it;s not working ! Neither other angular projects downloaded !

|

Collectives™ on Stack Overflow

Angular JS UI sample app not working

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related