簡體   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