 EditableDescriptionDirective = ($rootscope, $repo, $confirm, $compile, $loading) ->
     template = """
         <div class="view-description">
-            <section class="us-content wysiwyg" tg-bind-html="item.description_html"></section>
+            <section class="us-content wysiwyg"
+                     tg-bind-html="item.description_html || noDescriptionMsg"></section>
             <span class="edit icon icon-edit" href="" title="Edit" />
         </div>
         <div class="edit-description">

                      tg-markitup="tg-markitup"></textarea>
            <a class="save icon icon-floppy" href="" title="Save" />
        </div>
    """

    link = ($scope, $el, $attrs, $model) ->
        $scope.$on "$destroy", ->
            $el.off()

        $el.on "click", ".view-description", (event) ->
            # We want to dettect the a inside the div so we use the target and

        $scope.$watch $attrs.ngModel, (value) ->
            return if not value
            $scope.item = value

            if isEditable
                $el.find('div.view-description span.edit').show()
                $scope.noDescriptionMsg = noDescriptionMegEditMode
            else
                $scope.noDescriptionMsg = noDescriptionMegReadMode

        $scope.$on "$destroy", ->
            $el.off()

    return {
        link: link
