ฉันคาดว่าจะเห็นคำถามนี้ใน Stackoverflow แต่ไม่เห็น เห็นได้ชัดว่าฉันเป็นคนเดียวที่มีปัญหานี้ซึ่งดูเหมือนว่าฉันจะเป็นเรื่องธรรมดามาก
ฉันมีโปรเจ็กต์พื้นฐานที่กำลังทำอยู่ แต่ดูเหมือนว่าเส้นทางต่างๆจะใช้ไม่ได้แม้ว่าทุกอย่างที่ฉันทำจนถึงตอนนี้ดูเหมือนจะถูกต้องก็ตาม
ฉันมี html ชิ้นนี้ในindex.html
ไฟล์ของฉัน:
<html>
<head ng-app="myApp">
<title>New project</title>
<script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
<script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<a href="#/add-quote">Add Quote</a>
<div ng-view ></div>
</body>
</html>
และนี่คือapp.js
:
var app = angular.module('myApp', ['ngRoute']);
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/add-quote', {
templateUrl: 'views/add_quote.html',
controller: 'QuoteCtrl'
})
.otherwise({ redirectTo: '/' });
}]);
ตอนนี้เมื่อฉันเข้าไปที่หน้าเว็บนี่คือสิ่งที่ฉันได้รับใน url:
และเมื่อฉันคลิกที่Add quote
ปุ่มฉันจะได้รับสิ่งนี้:
อะไรคือปัญหาที่นี่? ขอบคุณที่ช่วยเหลือ