[英]angular tutorial not working on fiddle
我一直在閱讀tutorialspoint.com上的angularjs教程,我一直在測試我在jsfiddle上學到的東西。 我試過的前幾件事,比如ng-model
和ng-bind
。 但這都是空的ng-app
( ng-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.