角度教程不适用于小提琴答案

【问题标题】：angular tutorial not working on fiddle角度教程不适用于小提琴
【发布时间】：2015-07-04 13:01:17
【问题描述】：

我一直在阅读 tutorialspoint.com 上的 angularjs 教程，并且一直在测试我在 jsfiddle 上学到的东西。我尝试的前几件事奏效了，例如ng-model 和ng-bind。但这都是空的ng-app (ng-app="")。

但是，现在我正在尝试制作一个应用程序和一个控制器，但它不起作用。 Heres the fiddle

如何修复此代码？我已经完全按照教程所说的做了。我刚刚注意到在检查页面时出现以下错误：

错误：[$injector:modulerr] 无法实例化模块 myapp 由于： [$injector:nomod] 模块“myapp”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

<div ng-app="myapp" ng-controller="appController">
    <div>
        <span>First</span>
        <input type='text' ng-model="person.firstname"/>
        <span ng-bind="person.firstname"></span>
    </div>
    <div>
        <span>Last</span>
        <input type='text' ng-model="person.lastname"/>
        <span ng-bind="person.lastname"></span>
    </div>
    <div> {{ person.fullname() }} </div>
</div>

var myapp = angular.module("myapp", []);
myapp.controller('appController', function($scope) {
    $scope.person = {
        firstname: "one",
        lastname: "two",
        fullname: function() {
            var personobject;
            personobject = $scope.person;
            return personobject.firstname + " " + personobject.lastname;
        }
    };
});

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

在 Frameworks and Settings 下将 onLoad 更改为 no wrap - in <head> 或 no wrap -在<body>

【讨论】：

我有一种感觉，像那样的智障......谢谢你是一个救生员！