http://jsfiddle.net/4nil/puw6huv4/
Вот,
Я пытаюсь ввести зависимость ngroute
var sampleApp = angular.module("sampleApp", ["ngRoute"]);
и попытаться использовать маршрутизатор, как показано ниже
sampleApp.config(["$routeProvider",
function($routeProvider) {
$routeProvider.
when("/addRomCom", {
templateUrl: "add_book.html",
controller: "romcomctrl"
}).
when("/addHorror", {
templateUrl: "add_book.html",
controller: "horrorctrl"
}).
otherwise({
redirectTo: "/"
});
}]);
Тот же код работает в автономном приложении, у меня есть только один html, у которого есть скриптовый тег, у которого есть код.
Проблема с вашей fiddle
- это загрузка ваших js
. прямо сейчас вы загружаете его в onLoad
Перейдите в настройки раздела javascript
и измените тип нагрузки на: No Wrap in <body>
РЕДАКТИРОВАТЬ:
если вы поместите его на загрузку, код будет локальным для области onLoad
, и он не будет отображаться вне глобально, поэтому ng-app="myApp"
не сможет распознать модуль, потому что
var myApp = angular.module("myApp", [] ) ;
живет только внутри функции onLoad.