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

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>

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

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的设置之一

您需要 select 选项 no wrap - in <head> 一切都会正常工作

这是你固定的 link http://jsfiddle.net/veqo1cpq/2/

Answer 2

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

因此代码在全局命名空间中不可用

更改为 no wrap in head

效果很好

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

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

simple angularjs snippet not working in jssfiddle

angularjs

jsfiddle