Hier, warum bekomme ich Fehler als 'EmployeeCntrl' ist nicht registriert.Angular Routing-Fehler als 'EmployeeCntrl' ist nicht registriert
MyApp.js
/// <reference path="angular.js" />
/// <reference path="angular-route.js" />
var app = angular.module('MyApp', ['ngRoute'])
app.controller('HomeCtrl', function ($scope) {
$scope.msg = "This is MyApp....";
})
app.config(function ($locationProvider, $routeProvider) {
$routeProvider
.when('/Employee', {
templateUrl: '/Html/Employee/Employee.html',
controller: 'EmployeeCntrl'
})
.when('/Contact', {
controller:'ContactCtrl',
templateUrl: '/Html/Contact/Employee.js'
})
})
Maserpage.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script src="../../Script/angular.js"></script>
<script src="../../Script/angular-route.js"></script>
<script src="../../Script/MyApp.js"></script>
<link href="../CSS/Master.css" rel="stylesheet" />
</head>
<body ng-app="MyApp" ng-controller='HomeCtrl'>
<!--// {{msg}}-->
<div id="RightDiv" class="">
<a href="#!/Employee">Employee</a><br />
<a href="#!/Contact">Contact</a>
</div>
<div>
<ng-view></ng-view>
</div>
</body>
</html>
Dies ist mein Employee.js Code Hier implementiert i EmployeeCntrl
, die aus MyApp.js Mitarbeiter steht vor der Tür. js
/// <reference path="F:\DesignPattern\WebApi\Client\Script/angular.js" />
/// <reference path="F:\DesignPattern\WebApi\Client\Script/angular-route.js" />
/// <reference path="F:\DesignPattern\WebApi\Client\Script/MyApp.js" />
app.controller('EmployeeCntrl', function ($scope) {
$scope.Emp="Hello Employee..."
})
Hier implementiert I Employee.js-Code
Employee.html
<script src="Employee.js"></script>
<div ng-controller="EmployeeCntrl">
<p>This is Employee</p>
{{Emp}}
</div>
Benötigt keine 'ng-contr oller = "EmployeeCntrl" in der Vorlage. entfernen Sie auch 'ng-controller =' HomeCtrl'' von 'Maserpage' –
Sie müssen Employee.js in die index.html einbinden –
EvenSame Fehler As EmployeeCntrl ist nicht Reg –