Невозможно ввести сервис - PullRequest
Новая
       9

Невозможно ввести сервис

0 голосов
/ 04 октября 2018

Я не получаю никаких ошибок, поэтому я не знаю, что не так с моим кодом.Когда я открываю свой index.html в браузере, я не вижу счет.

index.html: 

<!doctype html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>My HTML File</title>
  <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script 
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"> 
  </script>
  <script 
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.js"></script>
  <script src = "app.js"></script>
 </head>
 <body ng-app = "app">
  <p ng-controller="ScoreController">
     Score: {{score.points}}
  </p>
  <p ng-controller="ScoreController">
     <button ng-click="increment()">Increment</button>
  </p>
 </body>
</html>

app.js: 

angular.module('app', [])
 .value('randomScore', function(){
   return Math.ceil(Math.random() * 10);
});

angular.module('app').controller('ScoreController', ['randomScore', function 
 ($scope, score, randomScore){
   $scope.score = score;
   $scope.increment = function(){
   $scope.score.points += randomScore();
        };
}]);

index.html-screenshot ! image 1

Ответы [ 2 ]

0 голосов
/ 04 октября 2018

Попробуйте

1002 *
0 голосов
/ 04 октября 2018

Получается, что я пропустил счетчик-конструктор и счет-сервис:

счет-конструктор.js: 

function Score(randomScore){
this.points = randomScore();
   }

счет-сервис.js: 

angular.module('app')
.service('score', Score);

добавление этих двух файлов, а также исправление проблемы @Aleksey Solovey, указанной в комментариях, исправило эту проблему.

...