No navegador aparece:
{{foto.titulo}}
Sem carregar o conteúdo da variável, que no caso seria Leão.
angular.module('alurapic').controller('FotosController', function($scope) {
$scope.foto = {
titulo = "Leão",
url = "http://www.fundosanimais.com/Minis/leoes.jpg"
};
});
<body ng-controller="FotosController">
<div class="container">
<div class="jumbotron">
<h1 class="text-center">Alurapic</h1>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{foto.titulo}}</h3>
</div>
<div class=panel-body>
<img class="img-responsive center block" src="{{foto.url}}" alt="{{foto.titulo}}">
</div>
</div> <!-- fim panel -->
</div> <!-- fim container -->
</body>