Angularjs 未注册角度路由错误“EmployeeCntrl”_Angularjs

Angularjs 未注册角度路由错误“EmployeeCntrl”

angularjs

Angularjs 未注册角度路由错误“EmployeeCntrl”,angularjs,Angularjs,这就是为什么我得到错误，因为“EmployeeCntrl”没有注册 MyApp.js 这里我实现了Employee.js代码 Employee.html 由于您已经在配置中为模板定义了控制器，因此无需在模板中再次提及此外，最好在母版页中引用必要的控制器文件 <link href="../CSS/Master.css" rel="stylesheet" /> <script src="../../Script/angular.js"></script>

这就是为什么我得到错误，因为“EmployeeCntrl”没有注册

MyApp.js

这里我实现了Employee.js代码

Employee.html

由于您已经在配置中为模板定义了控制器，因此无需在模板中再次提及

此外，最好在母版页中引用必要的控制器文件

  <link href="../CSS/Master.css" rel="stylesheet" />
  <script src="../../Script/angular.js"></script>
  <script src="../../Script/angular-route.js"></script>
  <script src="../../Script/MyApp.js"></script>
   <script src="Employee.js"></script>

首先将Employee.js添加到根html文件

Masterpage.html

第二，由于您在路由中使用了控制器引用，因此不需要单独使用html

Employee.html

不需要将ng controller=EmployeeCntrl放入模板中。同时从Maserpage中删除ng controller='HomeCtrl'，您需要在index.htmlEvenSame错误中包含Employee.js，因为EmployeeCntrl不是reg，但Sajeetram Employee应该是有需求的…即使我根据urs进行了修改，也不工作错误：[$controller:ctrlreg]名为“EmployeeCntrl”的控制器未注册。如果控制器引用正在加载，请检查您的“网络”选项卡是的，它正在加载，并且显示该页面，但{{msg}未定义否Sajeee Bhai相同的错误确保，您的Employee.js在MyApp.js之后加载

<!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>

/// <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..."
})

<script src="Employee.js"></script>
<div ng-controller="EmployeeCntrl">
    <p>This is Employee</p>
    {{Emp}}
</div>

  <link href="../CSS/Master.css" rel="stylesheet" />
  <script src="../../Script/angular.js"></script>
  <script src="../../Script/angular-route.js"></script>
  <script src="../../Script/MyApp.js"></script>
   <script src="Employee.js"></script>

<!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>
    <script src="../../Script/Employee.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>

<div>
    <p>This is Employee</p>
    {{Emp}}
</div>