Как мне показать ng-сообщения во всплывающей подсказке в angularjs?

Question

Я пытаюсь добавить всплывающую подсказку, которая показывает соответствующее сообщение ng, когда я наводю на него курсор мыши.Когда я запускаю этот код в html-файле, поля span вообще не отображаются.Что мне не хватает?Спасибо

    <form name="userForm" novalidate>
        <div class="form-group">
            <label>Name</label>
            <input type="text" name="name" class="form-control" 
                ng-model="main.name"
                ng-minlength="5"
                ng-maxlength="10"
                ng-pattern='/^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])([a-zA-Z0-9]+)$/'
                required>

            <div ng-messages="userForm.name.$error">
                <div ng-message="required">enter a name </div>
                <div ng-message="minlength">must be longer than 5</div>
                <div ng-message="maxlength">cannot exceed 10 characters</div>
                <div ng-message="pattern">must contain a combination of characters and numbers
                        <span class="fa fa-info-circle" data-toggle="tooltip" title="must contain a combination of characters and numbers"></span>
                </div>
            </div>
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-danger">Submit</button>
        </div>

    </form>
    <span class="fa fa-info-circle" data-toggle="tooltip" title="must contain a combination of characters and numbers"></span>