angularjs - 在 JSFiddle 上运行的简单 AngularJS

标签 angularjs jsfiddle

如何使用以下代码制作 jsfiddle:

<html>
<head>
</head>
<body>
    <div ng-app ng-controller="MainCtrl">
        <ul>
            <li ng-repeat="num in nums">
                {{num}}
            </li>
        </ul>
    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>

    <script type="text/javascript" charset="utf-8">
        function MainCtrl($scope) {
            $scope.nums = ["1","2"];
        }
    </script>
</body>
</html>

我的非工作尝试:http://jsfiddle.net/zhon/3DHjg/没有显示任何内容并且有错误。

最佳答案

您需要在 jsFiddle 中设置一些东西才能使其工作。

首先,在左侧面板的“框架和扩展”下,选择“无换行 - ”。

现在,在“Fiddle Options”下,将“Body tag”更改为 <body ng-app='myApp'>

在 JS 面板中,启动您的模块:

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

查看一下:http://jsfiddle.net/VSph2/1/

关于angularjs - 在 JSFiddle 上运行的简单 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14733378/

相关文章:

javascript - Angular 获取所选项目的索引(来自 ng-options)

javascript - 我如何在 Angularjs 中广播一个对象?

javascript - 如何更改浏览器选项卡在 JSFiddle 中显示的文本

javascript - JSFiddle 中的 AngularJS?

javascript - Vue-Validator 表单验证不适用于 JS Fiddle

jQuery - 为什么附加到文档的按钮不会触发?

java - Spring MVC 中的 JSON 到 Java 对象映射结果 400(错误请求)

javascript - 如何使用 AngularJS 对多个对象应用过滤器?

JQuery 在 JS fiddle 中可以工作,但不能在我的网站上工作?

unit-testing - 如何在 Jasmine 测试中模拟 Angular $resource