Mohammed Elwany Ответов: 0

Я не знаю, почему угловая маршрутизация не сработала со мной

я не знаю, почему угловая маршрутизация не сработала со мной. Я пересмотрел код 10 раз и не смог найти решение. Мою страницу индекса, как
<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title></title>
    <meta charset="utf-8" />
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script src="scripts/jquery-1.9.0.js"></script>
    <script src="scripts/bootstrap.js"></script>
    <script src="scripts/angular.js"></script>
    <script src="scripts/angular-route.js"></script>
    <script src="demo.js"></script>
</head>
<body>
    <div class="container">
        <nav style="background-color:darkslateblue" role="navigation" class="nav navbar-inverse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#home">home</a></li>
                <li><a href="#add">add</a></li>
                <li><a href="#edit">edit</a></li>
                <li><a href="#delete">delete</a></li>
            </ul>
        </nav>

      <ng-view>

      </ng-view>

        <h3 style="font-size:small" class="text-center text-info">developed by Mr-Mohammed Elwany</h3>
    </div>
</body>
</html>

и моя страница javascript 
/// <reference path="C:\Users\elwany\documents\visual studio 2015\Projects\spaapplication\spaapplication\scripts/angular.js" />

var myApp = angular.module("myApp", ['ngRoute']);
myApp.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.
        when('/add', {
            templateUrl: 'Views/add.html',
            controller:'addController'
        }).
        when('/edit', {
            templateUrl: 'Views/edit.html',
            controller: 'editController'
        }).
        when('/delete', {
            templeteUrl: 'Views/delete.html',
            controller: 'deleteController'
        }).
        when('/home', {
            templateUrl: 'Views/home.html',
            controller: 'homeController'
        }).
        otherwise({ redirectTo: '/home' });
    }]);

myApp.controller("addController",function ($scope) {
    $scope.message = "in Add view Controller";
});
myApp.controller("editController",function ($scope) {
    $scope.message = "in edit view Controller";
});
myApp.controller("deleteController",function ($scope) {
    $scope.message = "in delete view Controller";
});
myApp.controller("homeController",function ($scope) {
    $scope.message = "in home view Controller";
});


I have 4 html pages in "Views" folder their name is "add","edit","delete","home" and they have the same content.


<div class="row jumbotron">
    <h2>{{message}}</h2>
</div>

обратите внимание, что я скачал angular из nugets manager и использую asp.net

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

код угловой маршрутизации не работает у меня не было никакой синтаксической ошибки но я хотел бы знать почему он не работает

OkuDoku

Единственное, что я вижу в вашем коде маршрутизации, - это опечатка в маршруте удаления, где вы написали templeteUrl. Но это не должно повлиять на другие маршруты.
Есть ли какие-либо сообщения об ошибках или он просто ничего не показывает?

[редактировать] Вы уверены, что все пути настроены правильно? Если вы работаете с папками по умолчанию, то это могут быть Скрипты с большой буквы для ваших скриптов.

Mohammed Elwany

в проекте нет сообщения об ошибке и весь путь истинен
но я не могу понять [ если вы работаете с папками по умолчанию, это, возможно, Скрипты с большой буквы для ваших скриптов.]
ты можешь объяснить ??@Окудоку

OkuDoku

Когда у меня будет новый asp.net проект, nuget устанавливает скрипты в папку calles Scripts. Так что на html странице мне придется упаковать вещи
&ЛТ;скрипт СРЦ="Scripts/angular.js"&ГТ;&ЛТ;/скрипт>
вместо
&ЛТ;скрипт СРЦ="scripts/angular.js"&ГТ;&ЛТ;/скрипт>

с другой стороны я даже не уверен что это чувствительно к регистру
[правка] просто проверил, это не проблема

Mohammed Elwany

@OkuDoku большое спасибо вам, что он сработал как раз тогда, когда я изменил tempeleteUrl на templateUrl в режиме удаления
Большое спасибо мой друг

0 Ответов