2017-01-08 5 views
-6

Ich habe dieses einfache Snippet, das auf meinem localhost funktioniert, aber es nicht auf jsfiddle? https://jsfiddle.net/vfbvsn7g/4/jsfiddle funktioniert nicht gut mit 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

von Einstellungen Drop-Down in Javascript Rahmen wählen Ladeart als Wrap in Head. es wird funktionieren – Manish

+0

Eine andere Person läuft in jsFiddle idiotische^H^H^H^H^H^H * überraschend * Standard der Verpackung alles in einem 'onload': https://jsfiddle.net/vfbvsn7g/10/ Das Gegenteil von [* Code funktioniert nicht außerhalb eines jsFiddle *] (http://stackoverflow.com/questions/10272728/code-fails-to-works-outside-a-jsfiddle) –

+0

HTML-Code hat angularjs \ * connected \ nicht *, aber wenn Sie 'Kein Einwickeln - in ' wählen, wird es. – BladeMight

Antwort

1

Es funktioniert, nur eine Änderung Arbeit ist erforderlich-mithilfe von no wrap in <head> in LOAD TYPE Dropdown Ihre javacript code in <head> Tag hinzuzufügen.

1

Weil Sie die LOAD TYPE in Geige konfiguriert haben, dass onLoad

ändern, dass auf ein No Wrap und

DEMO

1

scheint gut funktionieren Problem zu sein mit Laden von js

die Aufnahme Dropdown-Liste no wrap in head aktualisiert und seine

Fiddle : 

https://jsfiddle.net/vfbvsn7g/6/

Verwandte Themen