<div ng-controller="Umbraco.PropertyEditors.TagsController" class="umb-editor umb-tags">
   
     <div ng-if="isLoading">
        <localize key="loading">Loading</localize>...
    </div>

    <div ng-if="!isLoading">

        <input type="hidden" name="tagCount" ng-model="model.value.length" val-property-validator="validateMandatory" />

        <span ng-repeat="tag in model.value" ng-click="$parent.removeTag(tag)" class="label label-primary tag">
            <span ng-bind-html="tag"></span>
            <i class="icon icon-delete"></i>
        </span>

        <input type="text"
               id="{{model.alias}}"
               class="typeahead tags-{{model.alias}}"
               ng-model="$parent.tagToAdd"
               ng-keydown="$parent.addTagOnEnter($event)"
               on-blur="$parent.addTag()"
               localize="placeholder"
               placeholder="@placeholders_enterTags" />

    </div>
    
</div>