angular - Angular 6 和引导程序
问题描述
我使用 Angular 5 和 Bootstrap 开发了 ASP.NET MVC 5 单页应用程序。最近我更新了应用程序以使用 Angular 6。现在 HTML 布局在 Bootstrap 控件之间没有空格。
例如这个 HTML:
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
</div>
<button type="submit" class="btn btn-default">Send invitation</button>
</form>
Firefox 开发工具编辑 HTML 选项显示为:
<form class="form-inline"><div class="form-group"><label for="exampleInputName2">Name</label><input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"></div><div class="form-group"><label for="exampleInputEmail2">Email</label><input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com"></div><button type="submit" class="btn btn-default">Send invitation</button></form>.
当我像第一个示例一样编辑 HTML 并添加空格或换行符时,浏览器会在控件之间显示必须的空格。
Angular 6 是否压缩组件模板的 HTML?如何使应用程序(使用 Bootstrap)看起来符合预期?
解决方案
推荐阅读
- ibm-mobilefirst - 使用 MobileFirst 8 到 F5 LoadBalancer 时出错
- java - Java中打印1到10的说明
- vuejs2 - Vue.js 道具未在子组件中呈现
- qt - 如何仅查找 Qt 设计器中显示的小部件的那些属性?
- android - android: 为 mqtt 发布消息设置 qos
- sql - 如何在不更改顺序的情况下从 oracle 中的多行中获取一个逗号分隔的行
- r - 将润滑周期对象从 DD:HH:MM:SS 舍入到 HH:MM:SS
- reactjs - 为什么我的 api 模拟返回 404 错误?
- ag-grid - Ag-Grid :: 如何在主网格中导出子网格
- vue.js - 根据特定请求自动刷新 - VueJS、Axios