2016-08-26 15 views
-1

このangularJSコードの問題点は何ですか?それは動作していません。コードが機能しない

You are entering: {{student.fullName()}} 

完全なコードは以下の通りです::

<html> 

<head> 
<script type = "javascript" src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> 
</script> 

</head> 

<body> 
<div ng-app = "mainApp" ng-controller = "studentController"> 
     Enter first name: <input type = "text" ng-model = "student.firstName"><br><br> 
     Enter last name: <input type = "text" ng-model = "student.lastName"><br> 
     <br> 

     You are entering: {{student.fullName()}} 
</div> 


     <script> 
     var mainApp = angular.module("mainApp", []); 

     mainApp.controller('studentController', function($scope) { 
      $scope.student = { 
       firstName: "ABCD", 
       lastName: "EFGH", 

       fullName: function() { 
        var studentObject; 
        studentObject = $scope.student; 
        return studentObject.firstName + " " + studentObject.lastName; 
       } 
      } 
     }); 
     </script> 
</body> 
</html> 
+0

:https://jsfiddle.net/U3pVM/26918/ – user2249160

+4

@ user2249160あなたは 'タイプ=「javascriptを」との角度は含まれておりませんので、はい働く以下のコードに変更してください。 '。これで置き換えてください: '' – gianlucatursi

+0

@gianlucatursi Strange。 angular.min.jsがjavascriptファイルであっても、type = 'javascript'を含める必要はありません。 – RKh

答えて

0

エラーが角度のファイルがあると考えられている 使用

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
1

参照である

この行は、いくつかの問題がありますテキストファイルであり、JavaScriptファイルではありません。それは良い取り組んでいる

<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> 
関連する問題