art-template数据渲染的问题

问题

当使用art-template渲染数据的时候,经常会出现这种错误,
在这里插入图片描述
错误:说未定义title,明明从数据库里查出来的数据,为何会未定义,其实主要的原因是,先加载了art-template语句,而这时候数据还没有获取得到。

如何解决呢?

用es6的链式判断
?.运算符相当于一种短路机制,只要不满足条件,就不再往下执行。
那么可以改一下代码

<%=data1[0]?.title%>

就可以解决这种问题。

	<div><p><%=data1[i]?.userinfo[0].username%></p><p><%=data1[i]?.time%></p></div></div><div class="article"><ul class="main"><h3><%=data1[0]?.title%></h3><p><%=data1[0]?.message%></p>

使用链式判断之后,当代码执行的时候,遇到还没有数据时,它就先不往下执行了。因此也就解决了数据慢一步的问题。

链式判断符

es6写法

const userName = Obj?.userInfo?.userName; 

Null判断符

在es5的是否我们经常使用∣ ∣来设置默认值

let a = a.name || 'default'

es6提供了null判断符 ? ?两个问号来判断,只有当左边的值为null、undefined右边的值才会生效

let a = undefined ?? 'default'
let a2 = null ?? 'default';
console.log(a); //default
console.log(a2); //default

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/58085.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何选择好用的效果图渲染平台

在现代的建筑设计、室内设计、电影动画等行业中&#xff0c;效果图已经成为了一个重要的工具&#xff0c;能够帮助设计师和制作人员更好地呈现他们的想法和概念。而要制作出高质量的效果图&#xff0c;一个好用的效果图渲染平台是非常必要的。 如何选择好用的效果图渲染平台呢…

计算机专业开题报告这么写,有效有用还能过

最近收到很多私信&#xff0c;在问我关于开题报告的问题。基本都是毕业论文题目怎样选&#xff1f;系统好不好弄&#xff1f;开题报告怎么写啊&#xff1f;啥也不会怎样办呢&#xff1f;系统运行不会&#xff1f;查重问题呀&#xff0c;要马上交开题报告了等等。 今天就来分享下…

关于学术文献推荐系统的调研报告

关于学术文献推荐系统的调研报告 1 引言 1.1 研究背景 随着大数据时代的到来&#xff0c;互联网在给人们的生活带来丰富多彩的同时&#xff0c;海量信息也导致了“信息过载”问题。对于信息使用者来说&#xff0c;如何从海量信息中找到自己需要的信息是一件越来越困难的事&am…

论文调研

一、论文部分 基于傅里叶文档恢复的鲁棒文档去锐化与识别https://www.semanticscholar.org/paper/Fourier-Document-Restoration-for-Robust-Document-Xue-Tian/64dcd0cac46b936eb413f36b462be3b5b298c75b 1. 由于这篇论文没有给代码&#xff0c;所以去参考文献查找&#xff…

毕业论文中的调查问卷怎样设计以及分析?

人文社科以及部分自然科学在进行学术研究时&#xff0c;会通过调查问卷的方式获取数据&#xff0c;如何进行问卷的设计和分析会极大的影响论文质量。很多人都写过调察问卷&#xff0c;但不一定知道如何涉设计&#xff0c;本文就针对调查问卷的涉及与分析&#xff0c;教大家如何…

百度地图api实现路线规划之步行驾车

着手做一个用户轨迹的demo&#xff0c;大概分了下步骤&#xff1a;1、过滤边缘点&#xff1b;2、分段量化聚类焦点关键点&#xff1b;3、基于关键点的百度地图api路线规划&#xff1b;4&#xff1a;路线择优 我们先看下第三点基于键点的百度地图api路线规划的方案&#xff0c;…

智慧高速 3D 可视化,构建互联协同智能交通体系

随着智能交通科技和产业的发展&#xff0c;我国正在形成一个安全可靠、便捷高效、绿色智能、开放共享的现代化综合交通运输体系。《“十四五”现代综合交通运输体系发展规划》明确提出&#xff0c;加快智能技术深度推广应用&#xff0c;坚持创新驱动发展&#xff0c;推动互联网…

数据可视化之交通可视化

一 前言 智慧城市的概念自 2008年提出以来&#xff0c;在国际上引起广泛关注&#xff0c;并持续引发了全球智慧城市的发展热潮。智慧城市已经成为推进全球城镇化、提升城市治理水平、破解大城市病、提高公共服务质量、发展数字经济的战略选择。近年来&#xff0c;我国智慧城市…

智能交通车路协同系统的应用场景和发展趋势

随着城市化进程的加速和汽车保有量的增加&#xff0c;城市交通拥堵、交通事故等问题日益突出。为了解决这些问题&#xff0c;智能交通车路协同系统应运而生。智能交通车路协同系统是一种基于车载终端、路侧设备和交通管理中心等多个组成部分构成的智能交通系统&#xff0c;可以…

一文搞定腾讯地图开发中的路线规划和小车平滑移动

前言 在网约车行业的开发者&#xff0c;需要用到LBS&#xff08;Location Based Service&#xff09;&#xff0c;即基于位置的服务&#xff0c;国内提供LBS服务的有百度地图、腾讯地图、高德地图&#xff0c;本文选取的是腾讯地图的LBS即腾讯位置服务&#xff0c;这个demo可以…

智慧城市系列之智能交通系统(ITS)

第四章 ITS的主要内容 ITS的基本功能表现在&#xff1a;减少出行时间、保障交通安全、缓解交通拥挤、减少交通污染等四个方面&#xff0c;其最终目标是建立一个实时、准确、高效的交通运输管理系统。ITS的基本功能模块包括&#xff1a;先进的出行者信息系统&#xff08;ATIS&…

基于百度、高德路线规划的出行圈获取

想获取更准确的出行圈数据该怎么办呢?这个时候,我们就可以使用百度、高德的路线规划API去实现这一点。 百度、高德的路径规划服务以海量的交通大数据为基础,综合考虑道路拥堵、红绿灯等待等实际交通情况,是一种已经过大量实际项目检验的商业级数据服务。我们常用的地图导航…

以数字化、智能化、可视化为中心,打造智慧交通运维新标杆

交通作为国民经济和社会发展的基础性、先行性产业&#xff0c;在整个社会经济、民生发展中占有举足轻重的地位&#xff0c;随着包括5G基站建设、城际高速铁路和城市轨道交通、大数据中心、工业互联网在内的新基建按下加速键&#xff0c;轨道交通云联网加速实施。在此背景下&…

【大数据】城市公交网络分析与可视化(四):绘制城市公交(地铁)线路图

内容介绍 梗概&#xff1a;爬取公交路径坐标&#xff0c;处理成为符合高德地图Map Lab线形图的格式&#xff0c;通过该平台绘制公交&#xff08;地铁&#xff09;线路图等 一些必要的知识点可在该系列博客的其他内容中获得&#xff01; 1 采用循环法获取线路名 怎么获取一个…

自动驾驶轨迹预测/规划可视化工具

该可视化工具在ubuntu18.04下基于ros实现。该文档基于EPSILON的README操作流程完成。 参考文献&#xff1a;EPSILON: An Efficient Planning System for Automated Vehicles in Highly Interactive Environments github&#xff1a;GitHub - HKUST-Aerial-Robotics/EPSILON 目…

图扑数字孪生智慧公路,构建互联协同智能交通系统

前言 随着智能交通科技和产业的发展&#xff0c;我国正在形成一个安全可靠、便捷高效、绿色智能、开放共享的现代化综合交通运输体系。《“十四五”现代综合交通运输体系发展规划》明确提出&#xff0c;加快智能技术深度推广应用&#xff0c;坚持创新驱动发展&#xff0c;推动…

【腾讯地图API】制作多途经点的线路导航——路线坐标规划

面试&#xff1a;你懂什么是分布式系统吗&#xff1f;Redis分布式锁都不会&#xff1f;>>> 最近百度地图转腾讯地图以前用过百度地图实现路线坐标规划,不过搜索了一些没有搜索到腾讯地图的路线坐标规划,于是参数百度的思路写了个腾讯地图的路线坐标规划. 这两家地图…

GPT专业应用:自动撰写宣传稿

●图片由Lexica 生成&#xff0c;输入&#xff1a;Staff working on product promotion 宣传稿是指按照有关政策文件或相关精神&#xff0c;以宣传某种主张、某项工作、某件事情等为目的&#xff0c;为获得理解、支持而撰写的应用文。基本格式包含四个要素&#xff0c;分别是标…

百度AI 人工智能可以申请体验了,附登录方式

百度发布了一款名为“文心一言”的知识增强大语言 AI 模型&#xff0c; 它基于百度飞桨深度学习平台和文心知识增强大模型&#xff0c;旨在帮助人们从大量信息中挑选所需内容&#xff0c;获取灵感和知识&#xff0c;以使生活和工作更加便捷。该模型具有强大的中文语料库&#…

基于Python+AIML+Tornado的智能聊天机器人(NLP+深度学习)含全部工程源码+语料库 适合个人二次开发

目录 前言总体设计系统整体结构图系统流程图 运行环境Python 环境Tornado 环境 模块实现1. 前端2. 后端3. 语料库4. 系统测试 其它资料下载 前言 本项目旨在利用AIML技术构建一个聊天机器人&#xff0c;实现用户通过聊天界面与机器人交互的功能。通过提供的工程源代码&#xf…