如何在 jsfiddle 中编写 Angularjs 代码？答案

【问题标题】：How to write the Angular js codes in jsfiddle?如何在 jsfiddle 中编写 Angularjs 代码？
【发布时间】：2014-03-02 23:03:51
【问题描述】：

这些天我学习了 Angularjs，然后我使用在线 fiddle.net 编写了 angular.js 代码。一开始是因为 jsfiddle 不需要写 html 标签。所以我不知道应该把“ng-app”命令放在哪里。我分享的链接失效了，你有同样的问题吗？ http://jsfiddle.net/liminjun88/Jh9K7/

function CartController($scope){
                $scope.items=[
                    {title:'Paint pots',quantity:8,price:3.95},
                    {title:'Polka dots',quantity:17,price:12.95},
                    {title:'Pebbles',quantity:5,price:6.95}
                ];
                $scope.remove=function(index){
                    $scope.items.splice(index,1);
                }
}

【问题讨论】：

另见Why do I need to angular.bootstrap even when I declare ng-app=“MyApp” in JSFiddle

标签： angularjs jsfiddle

【解决方案1】：

点击框架和扩展；并选择 domready 而不是 No Wrap - in

【讨论】：

【解决方案2】：

你说得对，你只需要在脚本运行时从左上角的第二个下拉菜单中进行更改。

Here's the modified fiddle

No wrap - in <head>

【讨论】：

【解决方案3】：

你需要使用带有选项No wrap - in <body>的AngularJS

这里是固定的 JSFiddle：http://jsfiddle.net/tomepejo/mrX4L/

【讨论】：