使用angular data-ng-show指令显示错误

Sankar krishnamoorthy

我正在使用data-ng-show指令显示错误。一切正常。唯一的问题是该消息显示在下一行。要求是将其显示在同一行上。

下面给出了我编写的HTML代码：

<form name="newTopicForm" novalidate class="form-horizontal" data-ng-submit="save()">
    <fieldset>
        <div class="col-md-9">
            <label for="title" class="control-label">Title</label>
            <input name="title" type="text" class="form-control" data-ng-model="newTopic.title" required data-ng-minlength="5" />
            <span class="error" data-ng-show="newTopicForm.title.$error.required">*</span>
            <span class="error" data-ng-show="newTopicForm.title.$error.minlength"> Minimum 5 Characters</span>
        </div>
</fieldset>
</form>

我正在使用这样的布局页面（_Layout.cshtml）：

<div class="main">
        <div class="container">
            <div class="row">
                @RenderBody()
            </div>
        </div>
    </div>

请让我知道我想念的东西，谢谢。

沙申克·特里维迪（Shashank Trivedi）

根据您的代码建议，您还使用了Twitter BootStrap。在twitter bootstrap的“ form-control”类中，元素采用100％的列宽。要使其在同一行中，您应该创建单独的列，如下所示：

<form name="newTopicForm" novalidate class="form-horizontal" data-ng-submit="save()">
    <fieldset>
        <div class="col-md-6">
            <label for="title" class="control-label">Title</label>
            <input name="title" type="text" class="form-control" data-ng-model="newTopic.title" required data-ng-minlength="5" />            
        </div>
        <div class="col-md-3">
              <span class="error" data-ng-show="newTopicForm.title.$error.required">*</span>
            <span class="error" data-ng-show="newTopicForm.title.$error.minlength"> Minimum 5 Characters</span>
        </div>
</fieldset>
</form>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。