Tôi muốn tải mẫu xem nội tuyến.Sử dụng Mẫu nội tuyến trong Góc
Tôi đã bọc mẫu trong thẻ tập lệnh loại text/ng-template
và đặt id thành temp1.html
. và đây là những gì mô-đun cấu hình của tôi trông giống như
learningApp.config(function ($routeProvider) {
$routeProvider
.when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"})
.when("/second", {controller: "SimpleController", templateUrl: "temp2.html"})
.otherwise({redirectTo : "/first"});
});
Nó nói với tôi GET http://localhost:41685/temp1.html 404 (Not Found)
trong cửa sổ giao diện điều khiển của tôi có nghĩa là nó đang tìm kiếm một tập tin của tên đó.
Câu hỏi của tôi là: Làm cách nào để định cấu hình tuyến đường của tôi để sử dụng mẫu nội tuyến?
Cập nhật: Đây là những gì máy chủ-rendered tôi DOM trông giống như
<!DOCTYPE html>
<html>
<head>
<script src="/Scripts/angular.js"></script>
<link href="/Content/bootstrap.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
<h2>Getting Started with Angular</h2>
<div class="row">
<div class="panel" ng-app="LearningApp">
<div ng-view></div>
</div>
</div>
<script type="text/ng-template" id="temp1.html">
<div class="view">
<h2>First View</h2>
<p>
Search:<input type="text" ng-model="filterText" />
</p>
<ul class="nav nav-pills">
<li ng-repeat="cust in customers | orderBy:'name' | filter: filterText "><a href="#">{{cust.name}} - {{cust.school}}</a></li>
</ul>
</div>
</script>
<script type="text/ng-template" id="temp2.html">
<div class="view">
<h2>Second View</h2>
<p>
Search:<input type="text" ng-model="filterText" />
</p>
<ul class="nav nav-pills">
<li ng-repeat="cust in customers | orderBy:'name' | filter: filterText "><a href= "#">{{cust.name}} - {{cust.school}}</a></li>
</ul>
</div>
</script>
</div>
<script src="/Scripts/jquery-1.9.1.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/app/LearningApp.js"></script>
</body>
</html>
Nó hoạt động. Cảm ơn rất nhiều – Ody
Tôi bây giờ thấy lý do tại sao hầu hết các hướng dẫn thích thêm chỉ thị ng-app vào phần tử html. Đó là bởi vì bất cứ điều gì liên quan đến ứng dụng/mô-đun đó phải nằm trong phạm vi ng-app do đó đặt nó vào thẻ html tránh các vấn đề trong tương lai như thế này – Ody
Đây là điều mà tài liệu phải đề cập đến. Tôi mất giờ tự hỏi tại sao những người 404 xuất hiện ... –