2017-01-08 36 views
-6

我有這個簡單的片段,在我的本地主機上工作,但它不在jsfiddle上? https://jsfiddle.net/vfbvsn7g/4/jsfiddle與angularjs不兼容?

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 
<script> 
var myNames = [ 
{name:'Jani',country:'Norway'}, 
{name:'Hege',country:'Sweden'}, 
{name:'Kai',country:'Denmark'}]; 

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

app.controller('myController',function($scope){ 

$scope.names=window.myNames; 

}); 
</script> 
<div ng-app="myApp" ng-controller="myController"> 
<p>Looping with objects:</p> 
<ul> 
<li ng-repeat="x in names">{{ x.name + ', ' + x.country }}</li> 
</ul> 
</div> 
</body> 
</html> 
+0

from javascript dropdown in javascript frame select Load type as Wrap in Head。它會工作 – Manish

+0

另一個人碰到jsFiddle的愚蠢的^ H^H^H^H^H^H *令人驚訝的*默認情況下將所有內容封裝在'onload'中:https://jsfiddle.net/vfbvsn7g/10/ [*代碼無法在jsFiddle外工作](http://stackoverflow.com/questions/10272728/code-fails-to-work-outside-a-jsfiddle) –

+0

HTML代碼沒有angularjs \ *連接\ *,但如果您選擇'不換行 - 在'它會。 – BladeMight

回答

1

它的工作,只有一個變化須─由LOAD TYPE下拉菜單使用no wrap in <head>添加javacript code<head>標籤。

1

因爲你已經在小提琴的LOAD TYPE配置爲onLoad

修改成一個No Wrap和做工精細

DEMO