Почему мой прямоугольник не проходит через мой прицел?

Question

Почему мой прямоугольник не проходит через мой прицел?

0

Поэтому я изучаю директивы и контроллеры в JSAngular. В настоящее время я просто пытаюсь заставить закуски зациклиться на меню, но, похоже, не может заставить результат отвечать. Что мне здесь не хватает? Заранее спасибо.

MainController.js:

app.controller('MainController', ['$scope', function($scope) {
  $scope.today = new Date();

  $scope.appetizers = [
    {
      name: 'Caprese',
      description: 'Mozzarella, tomatoes, basil, balsmaic glaze.',
      price: 4.95
    },
    {
      name: 'Bruschetta',
      description: 'Grilled bread garlic, tomatoes, olive oil.',
      price: 4.95
    },
    {
      name: 'Mozzarella Sticks',
      description: 'Served with marinara sauce.',
      price: 3.95
    }
  ];

  $scope.mains = [
    {
      name: 'Roast Beef Au Jus',
      description: 'Delicious Amazing Sauce',
      price: 15.99
    },
    {
      name: 'Prime Rib',
      description: 'Just like Jacoby/s',
      price: 18.95
    },
    {
      name: 'BBQ Ribs',
      description: 'Better than Krupa/s',
      price: 15.99
    }
  ]

  $scope.extras = [
    {
      name: 'Cole slaw',
    },
    {
      name: 'Creamed Spinach',
    },
    {
      name: 'Boston Baked Beans',
    }
  ]

}]);

<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic|Oswald' rel='stylesheet' type='text/css'>
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
  </head>
  <body ng-app='PizzaPlanetApp'>
    <div class="header">
      <h1><span>Pizza</span><span>Planet</span></h1>
    </div>

    <div class="main" ng-controller="MainController">
      <div class="container">
        <h1>Specials for {{ today | date }}</h1>
        <h2>Appetizers</h2>
        <div class="appetizers row" ng-repeat="appetizer in appetizers">
          <div class="item col-md-9">
            <h3 class="name"> {{ appetizer.name }} </h3>
            <p class="description"> {{ appetizer.description }} </p>
          </div>
          <div class="price col-md-3">
            <p class="price"> {{ appetizers.price | currency }} </p>
          </div>
        </div>

      </div>
    </div>

    <div class="footer">
      <pizza-footer></pizza-footer>
    </div>

    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
  </body>
</html>

chauxvive 21 июль 2015, в 07:19

Источник

1

Любые ошибки на консоли? Включен ли maincontroller.js в index.html?
doldt 21 июль 2015, в 04:56
0

проверь свою консоль Это говорит, что app is not defined
Ashad Shanto 21 июль 2015, в 05:01
1

Я подозреваю, что вы забыли сослаться на свой модуль приложения в файле MainController.js. var app = angular.module ("PizzaPlanetApp"); перед вызовом app.controller () вы можете проверить?
TheLazyChap 21 июль 2015, в 05:04

Показать ещё 1 комментарий

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Любые ошибки на консоли? Включен ли maincontroller.js в index.html?
проверь свою консоль Это говорит, что app is not defined
Я подозреваю, что вы забыли сослаться на свой модуль приложения в файле MainController.js. var app = angular.module ("PizzaPlanetApp"); перед вызовом app.controller () вы можете проверить?

Ashad Shanto · Accepted Answer · 2015-07-21T03-33-00.000Z

вам нужно сначала обратиться к своему прикладному модулю PizzaPlanetApp. Перед созданием контроллера добавьте следующую строку кода.

var app = angular.module("PizzaPlanetApp", []);

Это относится к приложению, для которого вы хотите создать контроллер, и содержит список модулей, от которых зависит ваше приложение.

В вашем случае список пуст.

jsfiddle

Вероятно, ему просто нужно ссылаться на модуль приложения с помощью метода get, а не переопределять его, поскольку он уже включает файл app.js в нижней части тела.
Спасибо, парни! У меня это было в app.js, но произошла орфографическая ошибка!