demo for http://blog.xuyuan.me/2014/02/16/angularjs-transclusion.html

app.js

angular.module('app', ['alert-directive'])

    .controller('AlertController', function ($scope) {
        $scope.alerts = [
            { type: 'error', msg: 'Oh snap! Something went wrong.' },
            { type: 'success', msg: 'Well done! It worked out in the end.' }
        ];

        $scope.addAlert = function () {
            $scope.alerts.push({msg: "Watch out - another alert!"});
        };

        $scope.closeAlert = function (index) {
            $scope.alerts.splice(index, 1);
        };
    })

    // this is used to avoid confliction when compile blog with Jekyll
    .config(function ($interpolateProvider) {
        $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
    });