在jsFiddle中使用模块和控制器的简单AngularJS示例

时间:2014-01-28 21:57:10

标签: javascript angularjs jsfiddle

这可能是一个组合jsFiddle / Angular问题,但我试图向我学习一些基本的Angular,我不确定为什么它只在我在HTML窗格中包含控制器JS时才有效。 jsFiddle here

基本上以下工作:

<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窗格,则会失败。

1 个答案:

答案 0 :(得分:5)

请查看this article,了解有关jsFiddle with Angular

的一些信息

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