Appetizer expression not working


#1

<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">{{ appetizer.price|currency }}</p>
          </div>
        </div>

      </div>
    </div>

Main Controller:

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

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

}]);

Imy values are not getting reflected. Please help


#2

There is no issue (that jumps out) that I can see in your code. I'm guessing you are saving frequently?

This is what you should be seeing:

Note that I made a spelling correction in Caprese description.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.