Directive Service Injection

HTML

<div ng-app='Componenent'>
  <div ng-controller="AppController">
      <my-dir errors="{{errors}"></my-dir>
  </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://code.angularjs.org/angular-1.0.0rc6.min.js"></script>
<style>

JavaScript

angular.module('Componenent', []).directive('myDir', function() {
    return {
        restrict: 'ECMA',

        scope: {
            label: 'evaluate'
        },
        template: '<div data-alert class="alert-box alert" ng-repeat="error in errors" ng-show="errors">{{error .condition}}</div>',
        replace: true
    };
})


function AppController($scope, $element, $compile) {
    
    $scope.errors = [
    {condition:"(formMediumDetails.domicileZipCode.$dirty || formMediumDetails.$submitted) && formMediumDetails.domicileZipCode.$error.required", message:"{{'medium.edit.domicileZipCode.required.error' | translate}}"},
    {condition:"(formMediumDetails.domicileState.$dirty || formMediumDetails.$submitted) && formMediumDetails.domicileState.$error.required", message:"{{'medium.edit.domicileState.required.error' | translate}}"}];

}