删除“;空”;带有if语句的传单弹出窗口中的属性
Remove "null" attributes in Leaflet popups with an if-statement
我使用外部geojson属性来填充传单中的弹出窗口,如下所示:
function popUp (feature, geojson) {
var popupText=
"/*Name:*/" + feature.properties.name +
"/*Amount*/" + feature.properties.amounts;
geojson.bindPopup(popupText);
};
问题是:有些金额是"空"的。那么,我该如何编写if语句,以便如果金额为"null",那么字符串("amount")和属性("null")都不会显示在弹出窗口中?
您要查找的是一个条件语句:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else
var popupText = '';
if (feature.properties.name) {
popupText += '/*Name:*/' + feature.properties.name;
}
if (feature.properties.amount) {
popupText += '/*Amount*/' + feature.properties.amount;
}
geojson.bindPopup(popupText);
或者使用条件三元运算符更短:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
var popupText = '';
popupText += (feature.properties.name) ? '/*Name:*/' + feature.properties.name : '';
popupText += (feature.properties.amount) ? '/*Amount*/' + feature.properties.amount : '';
geojson.bindPopup(popupText);
相关文章:
- 如何创建一个“;表单弹出框“;在chrome中右键单击时位于突出显示的单词上方
- javascript弹出窗口没有正确加载html表单
- 如何在用户单击时创建带有弹出窗格的图像
- 单击时隐藏弹出窗口
- 单击事件打开两个弹出菜单
- 试图修改此javascript代码以减小弹出窗口的大小,或者在用户单击框外时关闭
- 在外部(正文)单击时关闭弹出窗口
- 编辑弹出窗口的HTML的单击命令
- 仅当表单有效时关闭弹出窗口
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- 表单弹出窗口中的验证
- Javascript :使用window.opener表单弹出窗口将字符串添加到iframe
- 注册表单弹出
- 只显示一次表单弹出框
- Php JavaScript表单弹出
- 成功提交后获得表单弹出
- 通过本地URL加载的Mapbox GeoJSON:图标不显示弹出属性
- 使用数据弹出属性显示 Jquery-ui 对话框
- 使用数据弹出属性显示 UI 对话框
- 改变& # 39;html # 39;在接触表单弹出和关闭时溢出属性