Отображение продуктов с угловыми в html

Question

Я пытаюсь создать таблицу, которая показывает продукты с угловыми, но элементы не отображаются в HTML. Если кто-нибудь заметит что-то не так с кодом, пожалуйста, помогите мне.

Это мой app.js:

(function(){ 
    var app = angular.module('confirmados', []); 

    app.controler('ListaController', function(){ 
     this.product = gem; 
    }); 

    var gem = { 
     id: 1, 
     name: 'cool', 
     email: 'cool@' 
    }; 

И это мой HTML:

     <tr ng-controller="ListaController as lista" class="reservas"> 
          <td> {{lista.product.id}} </td> 
          <td> {{lista.product.name}} </td> 
          <td> {{lista.product.email}} </td> 
         </tr> 

Answer 1

Вы видите controller неправильно:

app.controler 

Должно быть

app.controller