繁体   English   中英

角度教程不适合小提琴

[英]angular tutorial not working on fiddle

我一直在阅读tutorialspoint.com上的angularjs教程,我一直在测试我在jsfiddle上学到的东西。 我试过的前几件事,比如ng-modelng-bind 但这都是空的ng-appng-app="" )。

但是,现在我正在尝试制作应用程序和控制器,但它无法正常工作。 这是小提琴

我该如何修复此代码? 我完全按照教程说的那样完成了。 我刚刚注意到在检查页面时出现以下错误:

错误:[$ 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;
        }
    };
});

框架和设置下,将onLoad上的内容更改为无内包 - <head>不包装 - <body>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM