jsfiddle 不适用于 angularjs？

Question

I have this simple snippet that works on my localhost but it doesn't on jsfiddle ?我有这个简单的片段可以在我的本地主机上运行，但在 jsfiddle 上不起作用？ https://jsfiddle.net/vfbvsn7g/4/ https://jsfiddle.net/vfbvsn7g/4/

<!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>

Answer 1

Because you have the LOAD TYPE in fiddle configured to onLoad因为您将小提琴中的LOAD TYPE配置为onLoad

Change that to a No Wrap and will work fine将其更改为No Wrap并且可以正常工作

DEMO演示

Answer 2

Seems to be issue with loading of js似乎是加载js的问题

updated the inclusion dropdown to no wrap in head and its working将包含下拉列表更新为no wrap in head及其工作

Fiddle :

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

Answer 3

它正在工作，只需要进行一项更改 - 通过在LOAD TYPE下拉列表中no wrap in <head>使用no wrap in <head>中的no wrap in <head>在<head>标记中添加您的javacript code 。

jsfiddle 不适用于 angularjs？

问题描述

3 个解决方案

解决方案1
1 2017-01-08 17:21:15

解决方案2
1 2017-01-08 17:22:44

解决方案3
1 已采纳 2017-01-08 17:23:38

jsfiddle 不适用于 angularjs？

问题描述

3 个解决方案

解决方案1 1 2017-01-08 17:21:15

解决方案2 1 2017-01-08 17:22:44

解决方案3 1 已采纳 2017-01-08 17:23:38

解决方案1
1 2017-01-08 17:21:15

解决方案2
1 2017-01-08 17:22:44

解决方案3
1 已采纳 2017-01-08 17:23:38