小编Nid*_*eph的帖子
Angular 8 ng-build使用Cordova抛出MIME错误
在执行ng build --prod --base-href ./来构建我的cordova应用程序时，最终输出将引发如下错误。
无法加载模块脚本：服务器以非JavaScript MIME类型“”响应。根据HTML规范对模块脚本强制执行严格的MIME类型检查。
我最终通过将类型模块更改为text / javascript来解决此问题
src =“ runtime-es2015.858f8dd898b75fe86926.js” type =“ module”>
src =“ runtime-es2015.858f8dd898b75fe86926.js” type =“ text / javascript”>
在angular.json文件中是否可以解决某些问题，还是我在这里错过了什么？
推荐指数
解决办法
查看次数
如何使用 Javascript 检查文本是否被 CSS 截断
我正在尝试使用 JS 检测文本是否被截断。除了下面的边缘情况外，这里提到的解决方案效果很好。您会注意到，如果文本在视觉上被截断，鼠标悬停的第一个块将返回 false。
function isEllipsisActive(e) {
return (e.offsetWidth < e.scrollWidth);
}
function onMouseHover(e) {
console.log(`is truncated: ${isEllipsisActive(e)}`);
}div.red {
margin-bottom: 1em;
background: red;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 300px;
cursor: pointer;
}<h6>Hover mouse and watch for console messages.</h6>
<!-- should return true -->
<div class="red" onmouseover="onMouseHover(this)">
<a>Analytics reports comes through garbled. Plsss</a>
</div>
<!-- should return true -->
<div class="red" onmouseover="onMouseHover(this)">
<a>Analytics reports comes through garbled. Plsssssss</a>
</div>
<!-- should return …推荐指数
解决办法
查看次数
隐藏在内容背后的iOS 12中的自举模式Iframe
我在iOS 12的Safari的iframe中显示的Bootstrap 4.1模态出现问题，所有其他经过测试的浏览器均按预期运行（甚至在iOS 11上也使用Safari）。该问题似乎特定于iOS 12。
我创建了一个最小的示例来演示此问题。前两个按钮的功能似乎与预期的一样，但是后四个按钮可以看到此问题，向下移动时每个按钮的状况都会更糟，当您尝试滚动或聚焦于其中的某个元素时，最后一个按钮会一起消失模态（请参见以下屏幕截图）：
我将注意到，我们正在以某种非常规的方式处理此功能，因为与其让iframe的内容滚动，我们还通过message事件处理程序在父级和子级之间传递消息来调整iframe的内容高度和postMessage：https : //developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
这是我怀疑某处发生错误的地方（但尚未能够对其进行跟踪（如前所述）仅在运行版本12的ios设备上是一个问题）。
编辑
最近发现，此问题不是iOS 12上的Safari特有的，而是chrome。
下面的代码来自先前的最小示例链接：
父级（/modal-test/index.html）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Title</title>
<link rel="stylesheet" href="./bootstrap.min.css">
<script src="./jquery.min.js"></script>
<script src="./popper.min.js"></script>
<script src="./bootstrap.min.js"></script>
<script>
$(document).ready(function(){
$ifCon = $("#ifCon");
window.addEventListener("message", function(event){
if(event.data.method === "returnWindowSize"){
$ifCon.height(event.data.content);
}
}, false);
});
</script>
<style>
#ifCon {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
background-color: #F2F2F2;
overflow: hidden;
border-radius:10px;
border:1px solid grey;
margin-left:auto; …推荐指数
解决办法
查看次数
如何在 Angular 的组件文件中设置输入占位符文本
我是 Angular 和 Typescript 的新手。我的输入如下placeholder，有没有办法更改placeholder组件文件中的文本？
<input id="city" class="form-control" placeholder="City or Town">
推荐指数
解决办法
查看次数
当包含cordova.js时，Angular Cordova应用程序将变为空白
我正在创建一个Angular + Cordova应用程序，它在浏览器中效果很好。
我面临的问题是，当我尝试包含cordova.js文件时，该应用程序在加载到设备上后变为空白。我做了一些研究，它原来是用的东西cordova.exec，并zone.js在角使用造成的问题。
我想要一个关于如何正确包含cordova.js在基于Angular的项目中的解决方案。
科尔多瓦
android 8.0.0
ios 5.0.1
角度的
@angular-devkit/architect 0.801.1
@angular-devkit/build-angular 0.801.1
@angular-devkit/build-optimizer 0.801.1
@angular-devkit/build-webpack 0.801.1
@angular-devkit/core 8.1.1
@angular-devkit/schematics 8.1.1
@ngtools/webpack 8.1.1
@schematics/angular 8.1.1
@schematics/update 0.801.1
rxjs 6.4.0
typescript 3.4.5
webpack 4.35.2
推荐指数
解决办法
查看次数
使用按钮切换表格
因此，目前我已经制作了2张包含信息的表格。但是我想这样做，以便当用户打开html文档时它只显示1个表，并且您可以在不同的表之间切换。当我单击表1的按钮时，它隐藏了表2，而当我单击表2的按钮时，它隐藏了表1。
function myFunction() {
var x = document.getElementById("Tables");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
function myFunction1() {
var x = document.getElementById("Tables1");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}#Tables {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: blue;
margin-top: 20px;
}
#Tables1 {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: Purple;
margin-top: 20px;
}
table {
font-family: arial, sans-serif; …推荐指数
解决办法
查看次数
我可以在所有元素上使用内容可见性吗？
那么，内容可见性通过跳过不在视口中的内容来改善页面加载时间，是否有真正的原因阻止其在所有 DOM 元素中使用？
而不是使用
.card {
content-visibility: auto;
}
为什么不使用
* {
content-visibility: auto;
}
推荐指数
解决办法
查看次数
高度为100％的Div溢出到其父级下的flexbox行
我在flexbox数组中有一系列元素。每个元素包含一个“卡”，其高度不同。当我尝试使卡占据它们所居住的flexbox子元素的剩余空间时，它们会溢出到下面一行的元素中。如果我指定所有flex-children的高度均为100％，则它们的高度实际上会塌缩为它们内部卡片的大小。
#flex_parent {
margin: 1em;
display: flex;
flex-wrap: wrap;
}
.flex-child {
box-sizing: border-box;
margin-bottom: 1em;
width: 50%;
}
.full-height {
height: 100%;
background: #99F !important;
}
.child-description {
height: 100%;
}
/* cosmetic */
body {
background: black;
color: white;
}
h4 {
color: red;
}
.flex-child {
border: 1px dotted red;
}
.child-card {
background: #FFA;
color: #000;
}<body>
<div id="flex_parent">
<div class="flex-child">
<h4>Title title title</h4>
<div class="child-card">
<div class="child-description">
<p>123 123</p>
</div>
</div>
</div>
<div class="flex-child"> …推荐指数
解决办法
查看次数
Bootstrap 4 的水平列表在 4 个项目后转到下一行
嗨，我想让那个水平列表在 4 个项目后转到下一行。这是生成列表的代码：
<div class="list-group list-group-flush list-group-horizontal-xl">
{% for subject, color in subjects.items() %}
<div class="list-group-item list-dark-flush" style="align-items: center; display: flex"><div class="picker" data-initialColor="{{color if not color == 'none' else '#03A9F4'}}"></div> <span>{{subject}}</span></div>
{% endfor %}
</div>
我正在使用 Bootstrap 4 和 Flask。
提前致谢。
推荐指数
解决办法
查看次数
如何在Javascript填充之前停止空类占用空间
我正在使用Javascript构建结帐计算器，并且正在输入如下数据：
<p class="car-rent-class-info h6 pb-1"></p>
<p class="car-rent-pickupdropoff-info h6 pb-1"></p>
<p class="car-rent-coverage-info h6 pb-1"></p>
<p class="car-rent-age-info h6 pb-1"></p>
<p class="car-rent-dropfee-info h6 pb-1"></p>
<p class="car-rent-adddriver-info h6 pb-1"></p>
<p class="car-rent-roadside-info h6 pb-1"></p>
<p class="car-rent-afterhours-info h6 pb-1"></p>
<p class="car-rent-tax-info h6 pb-1">Tax Included</p>
<h2 class="car-rent-price-total h1 t600"></h2>
脚本如下所示：
carpricetotal = $( ".car-rent-price-total" );
carpricetotal.html("$"+generateBillMath(DaysBetween(start_date,end_date),dayprice, weeklyprice, monthlyprice, car_class, pickup_loc, dropoff_loc, coveragec));
唯一的问题是，除非所有字段都填满，否则可能会有一些难看的空白，下面是屏幕截图，例如：
防止这种丑陋的垂直间距的好方法是什么？
推荐指数
解决办法
查看次数
标签 统计
html ×8
css ×7
angular ×3
angular8 ×3
javascript ×3
bootstrap-4 ×2
angular-cli ×1
cordova ×1
cordova-ios ×1
flask ×1
flexbox ×1
ios12 ×1
ng-build ×1
pageload ×1
phonegap ×1
text ×1
truncate ×1
typescript ×1