Angularjs 路由不工作

Question

我刚刚开始 angularjs 并且遇到了路由的概念我正在做一个演示但是它不起作用我不知道我做错了什么请帮助我 out.I 正在做它在 MVC ASP.NET

Webapplicatoin3.js

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

app.controller('CreateUser1Controller', function ($scope) {
    $scope.models = {
        helloAngular: 'I workssss!'
    };
});

app.config(['$routeProvider', function ($routeProvider) {

    $routeProvider.
        when('/', {
            templateUrl: 'New/CreateUser1'
        });
        
}]);

在 templateUrl 中，"New" 是控制器的名称，"CreateUser1" 是操作方法

Home.cshtml

<body ng-app="WebApplication3" ng-controller="CreateUser1Controller">
    <div ng-view></div>
    <input type="text" ng-model="models.helloAngular" />{{models.helloAngular}}
       
        <script src="~/Scripts/angular.min.js"></script>
        <script src="~/Scripts/angular-route.min.js"></script>
        <script src="~/Scripts/WebApplication3.js"></script>
    
</body>

CreateUser1.cshtml 未在 div ng-view 中呈现。

CreateUser1.cshtml

<h2>CreateUser1</h2>

<input type="text" ng-model="models.helloAngular" />
<h1>{{models.helloAngular}}</h1>

Answer 1

问题出在 WebApplication.js 文件中在 templateUrl 中，在 New

之前添加“/”

更新这个

 $routeProvider.
        when('/', {
            templateUrl: 'New/CreateUser1'
        });

对此

 $routeProvider.
        when('/', {
            templateUrl: '/New/CreateUser1'
        });

Angularjs 路由不工作

Angularjs routing is not working

angularjs

angularjs-routing