Member 12677894 Ответов: 1

У меня проблема с маршрутизацией anglur, она не показывает содержимое введенного HTML-представления, в чем может быть проблема ?

это мое index.html
<pre><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp">
<head>
    <title></title>
    <script src="scripts/angular-route-min.js"></script>
    <script src="scripts/angular.min.js"></script>
    <script src="scripts/JavaScript1.js"></script>
</head>
<body>
    <a href="#home">Home</a>
    <table ng-view></table>
   
</body>
</html>


вот мой файл сценария
<pre>/// <reference path="angular.min.js" />
/// <reference path="angular-route-min.js" />
var app = angular.module("myapp", ["ngRoute"])
                 .config(function ($routeProvider) {
                     $routeProvider.when("/home", {
                         templateUrl: "Templates/home.html",
                         controller: "homectrl"
                     })
                 }).controller("homectrl", function ($scope) {
                     $scope.message = "home page";
                 });


ниже приведен вводимый вид

<pre><h1>{{message}}</h1>
<h2>hi</h2>


Что я уже пробовал:

пробовал различные изменения синтаксиса, но безрезультатно

1 Ответов

Рейтинг:
10

Karthik_Mahalingam

обратитесь к этому

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp">
<head>
    <title></title>
    <base href="/">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
    <script>
        var app = angular.module("myapp", ["ngRoute"])
                 .config(function ($routeProvider, $locationProvider) {
                     $routeProvider.when("/home", {
                         templateUrl: "Templates/home.html",
                         controller: "homectrl"
                     })
                     $locationProvider.html5Mode(true);  
                 }).controller("homectrl", function ($scope) {
                     $scope.message = "home page";
                 });
    </script>
</head>
<body>
    <a href="home">Home</a>     
    <table ng-view></table>

</body>
</html>

Member 12677894

я только что изменил ссылку на файлы скриптов angular js с помощью ссылки CDN, она работает хорошо, но когда я ссылаюсь на загруженные скрипты, маршрутизация не работает

Karthik_Mahalingam

какая версия

Member 12677894

1.6.4

Karthik_Mahalingam

я проверил то же самое с локальными файлами, это работает хорошо.
возможно, вы что-то упускаете.