上运行的jsfiddle简单AngularJS [英] Simple AngularJS running on JSFiddle

查看:216
本文介绍了上运行的jsfiddle简单AngularJS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我如何做的jsfiddle了以下code的:

 < HTML和GT;
< HEAD>
< /头>
<身体GT;
    < D​​IV NG-NG应用程序控制器=MainCtrl>
        < UL>
            <李NG重复=NUM在NUMS>
                {{NUM}}
            < /李>
        < / UL>
    < / DIV>    &所述; SCRIPT SRC =htt​​p://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js>&下; /脚本>    <脚本类型=文/ JavaScript的字符集=utf-8>
        功能MainCtrl($范围){
            $ scope.nums = [1,2];
        }
    < / SCRIPT>
< /身体GT;
< / HTML>

我不工作的尝试: http://jsfiddle.net/zhon/3DHjg/ 显示什么和有错误<。 / p>

解决方案

@ pkozlowski.opensource有一个很好的博客文章有关如何使用的jsfiddle编写AngularJS示例程序。

How do I make a jsfiddle out of the following code:

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

My non working attempt: http://jsfiddle.net/zhon/3DHjg/ shows nothing and has errors.

解决方案

@pkozlowski.opensource has a nice blog post about how to use jsFiddle to write AngularJS sample programs.

这篇关于上运行的jsfiddle简单AngularJS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆