NgRoute is not working in jsfiddle

我是新來角，我即將寫我的第一個你好世界應用程序在jsfiddlle。我設法加載了使用內容NG-包括但我仍然有問題，使用ngRoute：我越來越NgRoute is not working in jsfiddle

不能在下面的代碼讀取未定義

財產「的insertBefore」： HTML

<div ng-app="myApp"> 
    <a href="#/firstPanel">1Panel</a> 
    <a href="#/secondPanel">2Panel</a> 
    <div ng-include src="'main.html'"><div> 
    <div ng-view></div> 

    <script type="text/ng-template" id="first_panel.html"> 
    First Panel 
    </script> 
    <script type="text/ng-template" id="second_panel.html"> 
    Second Panel 
    </script> 
    <script type="text/ng-template" id="main.html"> 
    <div ng-controller="MainCtrl as mainCtrl"> 
     Main {{mainCtrl.foo}} <br/> 
     <input type="text" ng-model="mainCtrl.foo"/> 
     <br/> 
    </div> 
    </script> 
</div>

var myApp = angular.module('myApp', ['ngRoute']); 

var my = {}; 

my.MainCtrl = function() { 
    this.foo = 'foo'; 
} 

my.SecondPanelCtrl = function() { 
} 

my.FirstPanelCtrl = function() { 
} 

var routeProvider = function($routeProvider) { 
    $routeProvider. 
     when('/firstPanel', { 
     templateUrl: 'first_panel.html', 
     controller: 'FirstPanelCtrl', 
     controllerAs: 'firstPanelCtrl' 
     }). 
     when('/secondPanel', { 
     templateUrl: 'second_panel.html', 
     controller: 'SecondPanelCtrl', 
     controllerAs: 'secondPanelCtrl' 
     }). 
     otherwise({redirectTo: '/firstPanel'}); 
}; 

myApp.config(routeProvider); 

// register all controllers 
myApp.controller('MainCtrl', my.MainCtrl); 

myApp.controller('FirstPanelCtrl', my.FirstPanelCtrl); 
myApp.controller('SecondPanelCtrl', my.SecondPanelCtrl);

這裏是我的jsfiddle：

http://jsfiddle.net/ccTd6/14/

來源

2014-05-24 Le_Coeur

最近我看到很多在jsfiddle中運行的問題。即使簡單的例子也不起作用。你可能會更好地使用http://plnkr.co。 – gat

奇怪。我一直使用jsFiddle與AngularJS相當廣泛，我沒有遇到任何問題。 – gkalpak

它是在你的HTML語法，食堂的事情了一個錯誤：

<div ng-include src="'main.html'"></div> 
           ^
      here you missed the `/`__|

注：
至少在我試過的Chrome中，瀏覽器會感到困惑並刪除ngView div al在一起 - 所以在任何情況下都不是Angular的錯。

來源

2014-05-24 17:34:03 gkalpak

謝謝，不知何故，我檢查了幾次，但錯過了，新的眼睛總是很好:) –

NgRoute is not working in jsfiddle

回答

相關問題