Нажатие кнопки ничего не регистрирует AngularJS

Question

У меня возникла проблема при нажатии кнопки «Создать счет». План состоит в том, чтобы добавить его в базу данных MySQL, однако я новичок в AngularJS и, похоже, не могу нажать кнопку, чтобы зарегистрироваться - ничегопоявляется в консоли.

Любая помощь очень ценится

HTML-код:

  <div ng-app="addScores" ng-controller="add_new_score">
      <label>Match_ID:</label>
      <input type="text" ng-model="match_ID" required>

      <label>Home_Score:</label>
      <input type="text" ng-model="Home_Score" required>

      <label>Away_Score:</label>
      <input type="text" ng-model="Away_Score" required>

      <button ng-click="create_score()">Create score</button>

  </div>

  <script>
    var scoreApp = angular.module('addScores', []);

   scoreApp.controller('add_new_score', function($scope, $http) {
       $scope.create_score = function () {
           console.log("logged");

           var scoreData = new scoreObj($scope.match_ID, $scope.Home_Score, $scope.Away_Score);
           $http(
               {
                   method: 'POST',
                   url: "/addScore",
                   data: scoreData
               }
           ).then(function successCallback(response) {
                   alert("Success");
               }, function errorCallback(response) {
                   alert("Sorry, there was a problem!");
               }
           )
       };


       function scoreObj(match_ID, Home_Score, Away_Score) {
           this.match_ID = Match_ID;
           this.Home_Score = Home_Score;
           this.Away_Score = Away_Score;
       }
   })

Answer 1

Включили ли вы ссылку angular.js на страницу?

Ваш код работает отлично

var scoreApp = angular.module('addScores', []);

   scoreApp.controller('add_new_score', function($scope, $http) {
       $scope.create_score = function () {
           console.log("It works");

           var scoreData = new scoreObj($scope.match_ID, $scope.Home_Score, $scope.Away_Score);
           
       };


       function scoreObj(match_ID, Home_Score, Away_Score) {
           this.match_ID = match_ID;
           this.Home_Score = Home_Score;
           this.Away_Score = Away_Score;
       }
   })

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular.min.js"></script>
  <div ng-app="addScores" ng-controller="add_new_score">
      <label>Match_ID:</label>
      <input type="text" ng-model="match_ID" required>

      <label>Home_Score:</label>
      <input type="text" ng-model="Home_Score" required>

      <label>Away_Score:</label>
      <input type="text" ng-model="Away_Score" required>

      <button ng-click="create_score()">Create score</button>

  </div>