2015-09-01 3 views
1

им пытаются использовать routeProvider в угловой, но он не работает мой HTMLRouteProvider Не работает

<html> 
<head>  
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
</head> 
<body ng-app="Myapp"> 
    <ng-view></ng-view> 
</body> 
<script src="app.js"></script> 
</html> 

здесь app.js

var app = angular.module('Myapp',[]); 
app.config(function($routeProvider){ 
    $routeProvider.when("/", 
     { 
     templateUrl:'data.html', 
     controller: 'myctrl' 
     } 
    ) 
}); 
app.controller('myctrl',function($scope){ 
    $scope.model= { 
     msg:"Route Worked" 
    } 
}); 

мой шаблон

<h1>{{model.msg}}</h1> 
+2

ли вы получать какие-либо ошибки в консоли? Кажется, вы не добавили 'ngRoute' в зависимость от вашего модуля' app'. –

+0

yes .Uncaught Error: [$ injector: modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=Myapp&p1=Error%3A%...gleapis.com%2Fajax%2Flibs%2Fangularjs% 2F1.3.14% 2Fangular.min.js% 3A38% 3A135) (анонимная функция) @ angular.js: 38 (анонимная функция) @ angular.js: 4120s @ angular.js: 323g @ angular.js: 4081ab @ angular.js : 4007d @ angular.js: 1445tc @ angular.js: 1466Jd @ angular.js: 1360 (анонимная функция) @ angular.js: 26176a @ angular.js: 2744c @ angular.js: 3014 –

+0

Вам необходимо установить 'ngRoute' и загрузите 'ngRoute' в ваш модуль приложения в качестве зависимости. –

ответ

1

Html Включает <script> для ngRoute.

<html> 
    <head>  
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
     <script src="https://code.angularjs.org/1.3.14/angular-route.js"></script> 
    </head> 
    <body ng-app="Myapp"> 
     <ng-view></ng-view> 
    </body> 
    <script src="app.js"></script> 
</html> 

app.js

var app = angular.module('Myapp',["ngRoute"]); 
app.config(function($routeProvider){ 
    $routeProvider.when("/", 
     { 
      templateUrl:'data.html', 
      controller: 'myctrl' 
     } 
    ) 
}); 

app.controller('myctrl',function($scope){ 
    $scope.model= { 
     msg:"Route Worked" 
    } 
}); 
1

Сначала вам нужно установить angular-route и включить в свой проект. Затем загрузите модуль в приложении, как этот

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

Далее Documention для деталей.

+0

да я попытался..баут не работает ... есть ли какие-либо проблемы с моим кодом.im получить эту ошибку в консоли угловой. js: 38Uncaught Error: [$ injector: modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=Myapp&p1=Error%3A%...gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1 .3.14% 2Fangular.min.js% 3A17% 3A381) (анонимная функция) @ angular.js: 38 (анонимная функция) @ angular.js: 4120s @ angular.js: 323g @ angular.js: 4081ab –

Смежные вопросы