My ng-view being infinite loop with index.html page angularjs

Question

Good day everybody, i want to ask a little question about angularjs ngview. I just learned about angular a week ago.

In my code, my web show infinite loop of the index itself, instead if showing the right page. I already search on stackoverflow for the same problem, but still cannot fix my problem.

Here's my app.js code:

app.config(function($routeProvider, $locationProvider)
{


  $routeProvider.when("/detilsoal/:nomor/:id",
              {
                templateUrl: "/detil_soal.html"
                controller: "soalLengkap"
              }).when("/nilai/:id",
              {
                templateUrl: "/nilai.html",
                controller: "hitungNilai"
              }).otherwise(
              {
                redirectTo: "/"
              });

});

Here's my controller (i just want to check if the controller is used correctly):

app.controller('hitungNilai', function($scope, $http, $routeParams)
{

  console.log('error');
});

And here's my nilai.html view (located in public/nilai.html) :

<div class="row" id="head_soal">
    <div id="kotak_dalam" ng-controller="hitungNilai">
            <h2>JUMLAH NILAI</h2>
            <div class="row" id="isi soal" style="padding: 3%;margin-left: 1%;">

            </div>
    </div>
</div>

And here's the picture when i go to address:

Error image

Thank you for your time.

Upalr · Accepted Answer · 2015-11-26 07:40:35Z

1

the problem is you are redirectiong to / but you didn't initialize

.when("/",
         {
         templateUrl: "/detil_soal.html"
         controller: "soalLengkap"
        })

use this code...

app.config(function($routeProvider, $locationProvider)
{


  $routeProvider.when("/",
              {
                templateUrl: "/detil_soal.html"
                controller: "soalLengkap"
              }).when("/detilsoal/:nomor/:id",
              {
                templateUrl: "/detil_soal.html"
                controller: "soalLengkap"
              }).when("/nilai/:id",
              {
                templateUrl: "/nilai.html",
                controller: "hitungNilai"
              }).otherwise(
              {
                redirectTo: "/"
              });

});

edited Nov 26, 2015 at 7:40

answered Nov 26, 2015 at 7:32

Upalr

2,1462 gold badges25 silver badges33 bronze badges

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

1 Comment

Ridho perdana Over a year ago

@U R It's still not working. But i am confused because my other url (/detilsoal/:nomor/:id) is working. I also check the network on my broswer and it does load nilai.html.

Collectives™ on Stack Overflow

My ng-view being infinite loop with index.html page angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related