ng-view doesn't show in angularjs

Question

i want to make route with angularjs. but when i run my app, ng-view doesnt show anything. i'm new in angularjs.

index :

<!DOCTYPE html>
<html lang="en">
<head>
    <title>CRUD</title>
</head>
<body ng-App="myAPP">
  <a href='#/'/>List</a>
  <a href='#/addData'/>Add Data</a>

  <div>
    <div ng-view></div>
  </div>

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>
  <script src="controller/controller.js"></script>
</body>
</html>

app.js :

var app=angular.module('myAPP',['ngRoute']);

route.js :

app.config(['$routeProvider',function($routeProvider){
    $routeProvider.when('/',{
        templateURL : 'crud/pages/list.html',
        controller : 'controller'
    })
    .when('/addData',{
        templateURL : 'crud/pages/coba.html',
        controller : 'controller'
    })
    .otherwise({
        redirectTo : '/'
    })
}])

I have already given one answer, Please refer this : stackoverflow.com/questions/40038399/… — Jigar7521
– Jigar7521, Commented Oct 18, 2016 at 4:22
your default route(/) loads list.html page. show your list.html page — Sharan De Silva
– Sharan De Silva, Commented Oct 18, 2016 at 4:35

Sajeetharan · Accepted Answer · 2016-10-18 04:24:05Z

1

You have not closed the js/angular-route.js tag

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>

DEMO

answered Oct 18, 2016 at 4:24

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

Mahesh Over a year ago

just fix the templateURL, it will work, and yes the script tag is missing the trailing slash. that should be corrected for this to work.

Hemanth · Accepted Answer · 2016-10-18 04:31:14Z

0

You have written templateURL instead of written templateUrl. Other than that everything is fine.

And Please close the brackets <script></script>

templateURL --> templateUrl

answered Oct 18, 2016 at 4:31

Hemanth

931 gold badge1 silver badge5 bronze badges

5 Comments

Faizah Pratiwi Over a year ago

i've close the brackets and change templateURL to templateUrl but it's still cant show

Mahesh Over a year ago

did you define the controller function and are the templates paths correct and file present? This works - plnkr.co/edit/RjXujNvD6hCTPudRwYIW?p=preview

Hemanth Over a year ago

Please check this link: DEMO

Hemanth Over a year ago

Its better you use angular-ui-router rather than angular-router. Angular UI-router has lot of components than angular-router. Please revisit the link: DEMO

Hemanth Over a year ago

Check this one, same as your demo : DEMO

Shanky · Accepted Answer · 2016-10-18 04:42:52Z

0

You should probably add all your script tag inside your head tag that would make it work and close the script tag too.

answered Oct 18, 2016 at 4:42

Shanky

2963 silver badges11 bronze badges

Comments

Umakant Mane · Accepted Answer · 2016-10-18 06:10:17Z

0

check here for source code, cool to understand

https://github.com/umakantmane/single-page-app

answered Oct 18, 2016 at 6:10

Umakant Mane

1,0211 gold badge8 silver badges9 bronze badges

Collectives™ on Stack Overflow

ng-view doesn't show in angularjs

4 Answers 4

1 Comment

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related