erro em ddo.scope | AngularJS: crie webapps poderosas

Erro no console: "Uncaught SyntaxError: Invalid shorthand property initializer" o erro está aparecendo na linha 10 de minhas-diretivas em "titulo = '@', mas a sintaxe está igual a mostrada em aula. Só aparece "{{foto.titulo}}" na página.

//minhas-diretivas.js
angular.module('minhasDiretivas', [])
//criar diretiva sempre devolver ddo
.directive('meuPainel', function() {
    var ddo = {};

    ddo.restric = "AE"; //atibute e element

    ddo.scope = {
        titulo = '@'
    };

    ddo.transclude = true;

    ddo.templateUrl = 'js/directives/meu-painel.html';

    return ddo;
});

//index.html
<!DOCTYPE html>
<html lang="pt-br" ng-app="alurapic">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Alurapic</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script src="js/lib/angular.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/controllers/fotos-controller.js"></script>
        <script src="js/directives/minhas-diretivas.js"></script>
    </head>

    <body ng-controller="FotosController">
        <div class="container">
            <div class="jumbotron">
                <h1 class="text-center">Alurapic</h1>
            </div>

            <meu-painel ng-repeat="foto in fotos" titulo="{{foto.titulo}}">
                    <img class="img-responsive center-block" src="{{foto.url}}" alt="{{foto.titulo}}">
            </meu-painel>
        </div> <!-- fim container -->        
    </body>
</html>