Question

我一直在阅读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;
        }
    };
});

Answer 1

在框架和设置下，将 onLoad 的内容更改为无包装 - <head> 或否换行<body>

角度教程不适合小提琴

1 个答案: