AngularJS primeiros passos[RESOLVIDO]

Bom dia Pessoal,

Estou começando a estudar AngularJS e estou fazendo os hello world, fiz alguns exemplos basicos, porém este abaixo esta dando erro, saindo quase tudo desconfigurado a pagina, segue abaixo meu código.


  <html ng-app>
    <head>
      <script src="http://code.angularjs.org/1.0.7/angular.min.js">
      </script>   
      <script>
        function RestauranteController($scope) {
          $scope.dataAtual = new Date();
          $scope.cardapio = [
     { descricao:'Refrigerante', preco:3.5},
     { descricao:'Cerveja', preco:4.5},
     { descricao:'Água', preco:3}
   ];
        }
      </script>
    </head>
    <body ng-controller="RestauranteController">
      <ul>
        <li ng-repeat="item in cardapio">
                 {{item.descricao}}? {{item.preco | 
           currency:'R<br>}}

        </li>
      </ul>
    </body>
  </html>

Saída no html

Refrigerante? {{item.preco | currency:'R
}}
Cerveja? {{item.preco | currency:'R
}}
Água? {{item.preco | currency:'R
}}

Você tem que tirar esse
do currency, e fechar as aspas simples:{{item.descricao}}: {{item.preco | currency:'R$'}}