Question

我正在尝试在Angular JS中实现Routing。这是代码 -

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/jquery-1.8.3.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
    <script src="script.js"></script>
</head>
<body>
    <header>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Home</a></li>
            <li><a href="#/about">About Us</a></li>
            <li><a href="#/contact">Contact Us</a></li>
        </ul>
    </header>

 <div ng-view>
    </div>
<form id="form1" ng-controller="EmpCtrl" ng-submit="save()">
//code
</form>
</body>
</html>

控制器 -

var app = angular.module('myApp', ['ngRoute']);
app.config(['$routeProvider',
        function ($routeProvider) {
            $routeProvider.
                when('/home', {
                    templateUrl: 'EmployeeHome.aspx',
                    controller: 'EmpCtrl'
                }).
                when('/contact', {
                    templateUrl: 'ContactUs.html',
                    controller: 'EmpCtrl'
                }).
                when('/about', {
                    templateUrl: 'About.html',
                    controller: 'EmpCtrl'
                }).
                otherwise({
                    redirectTo: '/home'
                });
        }]);

在 div ng-view 上，它会在页面检查器上显示错误 -

未捕获TypeError：window.angular。$$ csp不是函数错误：
未知提供商：$ sceProvider＆lt; - $ sce＆lt; - $ route＆lt; - ngViewDirective
错误：循环依赖：ngViewDirective

相同的代码在下载的源文件上完美运行，我无法实现路由

Angular Js中的ng-view错误

0 个答案: