如何在jsfiddle中编写Angular js代码?

时间:2014-03-02 06:26:36

标签: angularjs jsfiddle

这些天我学习了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);
                }
}

3 个答案:

答案 0 :(得分:0)

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

Here's the modified fiddle

No wrap - in <head>

答案 1 :(得分:0)

点击框架和扩展;并选择而不是domready到No Wrap - in enter image description here

答案 2 :(得分:0)

您需要将AngularJS与选项No wrap - in <body>

一起使用

enter image description here

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