角度Js中加载模块的错误

时间:2017-07-09 09:10:05

标签: javascript angularjs

我已经在我的代码中搜索了很多问题,但没有得到解决方案。我在html文件中尝试路由有两个链接1用于view1,第二个用于view2代码,两个视图都在不同文件中的文件夹命名部分和js文件中我创建了一个名为mymodule的模块我的问题是当我删除" MyModule的"从html文件中的应用程序然后{{studname}}工作正常,但添加" mymodule"我收到错误

html文件代码:

<!DOCTYPE html>
<html ng-app="mymodule">
  <head>
    <title>Try Deep linking</title>
    <script src="angular.min.js"></script>
    <script type="text/javascript" src="route.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </head>
  <body>
    <input type="text" name="" ng-model="studname" />
    <p>{{ studname }}</p>
    <div ng-view>

    </div>
    <a href="#/view1">View 1</a>
    <a href="#/view2">View 2</a>
  </body>
</html>  

JS代码:

var myapp = angular.module("mymodule",[]);

myapp.controller( "mycontroller", function ($scope) {
   $scope.student = [
      {name : "Abhay Sehgal", city: "Delhi" },
      {name : "Pankaj Singh", city: "Bihar" },
      {name : "ujjwal", city : "UP"}
   ];
});

myapp.config(function($routeProvider){
    $routeProvider
    .when('/view1',{
        controller : "mycontroller",
        templateUrl : "parts/view1.html" 
    })
    .when('/view2',{
        controller : "mycontroller",
        templateUrl : "parts/view2.html" 
    })
    .otherwise({redirectTo :'/'});
});

提前致谢

1 个答案:

答案 0 :(得分:2)

您需要将依赖项 ngRoute 添加到您的模块

var myapp = angular.module("mymodule",['ngRoute']);