在jsFiddle中使用模塊和控制器的簡單AngularJS示例

Question

這可能是一個組合jsFiddle / Angular問題，但我正在嘗試向我學習一些基本的Angular，我不確定為什么它只在我在HTML窗格中包含控制器JS時才有效。 jsFiddle在這里

基本上以下工作：

<div ng-app="myAppModule" ng-controller="someController">
<!-- Show the name in the browser -->
 <h1>Welcome {{ name }}</h1>

<p>made by : {{userName}}</p>
<!-- Bind the input to the name -->
<input ng-model="name" name="name" placeholder="Enter your name" />
</div>
<script>
var myApp = angular.module('myAppModule', []);
myApp.controller('someController', function($scope) {
    // do some stuff here
    $scope.userName = "skube";
});
</script>

但是，如果我嘗試將腳本標記中的JS移動到JavaScript窗格，則會失敗。

Answer 1

有關jsFiddle與Angular的一些信息，請查看本文

您還可以使用AngularJS Wiki上的更多示例： https ： //github.com/angular/angular.js/wiki/JsFiddle-Examples