Question

我正在尝试在jsfiddle中运行一个简单的angularjs代码，但是当我给模块命名或定义控制器时，它不起作用。

<div ng-app="myApp" ng-controller="myCtrl">

    First Name: <input type="text" ng-model="firstName"/><br/>
    Last Name: <input type="text" ng-model="lastName"/><br/>
    <br/>
Full Name: {{firstName + " " + lastName}}

</div>

当我删除控制器属性和应用程序的名称时，它工作正常。例如。

jsfiddle

<div ng-app="">

    First Name: <input type="text" ng-model="firstName"/><br/>
    Last Name: <input type="text" ng-model="lastName"/><br/>
    <br/>
Full Name: {{firstName + " " + lastName}}

</div>

为什么会这样？

PS：包括angularjs v1.2.1

Answer 1

这是jsfiddle的设置之一。

您需要选择选项no wrap - in <head>，一切正常

以下是您的固定链接http://jsfiddle.net/veqo1cpq/2/

Answer 2

问题是你的代码在jsfiddle默认包装在onload处理程序中。

因此，代码在全局命名空间

中不可用

可以正常更改为no wrap in head

http://jsfiddle.net/veqo1cpq/3/

简单的angularjs片段在jsfiddle中不起作用

2 个答案: