AngularJS控制器没有在jsFiddle中执行

Question

I was trying to learn the most basic implementation of controllers and modules in AngularJS. 我试图学习AngularJS中控制器和模块的最基本实现。

Here is the code I have tried: 这是我尝试过的代码：

 var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <h1> This is the most <a href='http://www.w3schools.com/angular/tryit.asp?filename=try_ng_intro_controller'>basic angularJS controller</a> implementation </h1> First Name: <input type="text" ng-model="firstName"><br> Last Name: <input type="text" ng-model="lastName"><br> <br> Full Name: {{ firstName + " " + lastName }} </div>

The output is not getting updated: 输出未更新：

Answer 1

You need to select No wrap - in <body> in the dropdown menu in Frameworks and extensions tab, check the pic: 你需要在框架和扩展选项卡的下拉菜单中选择No wrap - in <body> ，检查图片：

Updated JSFiddle 更新了JSFiddle

Answer 2

Just a small issue, 只是一个小问题，

Angularjs script did not get referenced. Angularjs脚本没有被引用。 Just change it to wrap it in head, 只需改变它就可以将它包裹起来，

Here is the working JsFiddle 这是工作的JsFiddle

AngularJS控制器没有在jsFiddle中执行

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-11-28 18:31:16

解决方案2
1 2015-11-28 18:31:06

AngularJS控制器没有在jsFiddle中执行

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-11-28 18:31:16

解决方案2 1 2015-11-28 18:31:06

解决方案1
2 已采纳 2015-11-28 18:31:16

解决方案2
1 2015-11-28 18:31:06