使用模板引擎渲染新闻数据并引用图片

<script type="text/html" id="tpl-users">
           {{each list val}}
           <p class="headline">{{val.title}}</p>
           {{each cover val}}
           <img src="{{val.images}}" alt="">
           {{/each}}
           <p class="hei">
            <span>{{val.aut_name}}</span>
            <span>{{val.pubdate}}</span>
           </p>
           {{/each}}
    </script>
<p>function news(id) {
let data = new Date()
$.ajax({
type: 'GET',
url: 'http://toutiao.itheima.net/v1_0/articles?channel_id=' + id + '&amp;timestamp=' + data,
success: function (res) {
// 筛选数据
const { results } = res.data;
console.log(48, results);
// 调用template函数
let htmls = template('tpl-users', { list: results })
//渲染数据到页面
$('#title').html(htmls)
// const { images } = results.cover;
console.log(results[4].cover.images);
}
})
}</p>
<p>以上代码是一个获取新闻数据并使用模板引擎渲染的函数。其中，模板引擎的id为'tpl-users'，渲染的数据为results数组，每个元素包含一条新闻的信息。在模板中，使用{{each}}语句遍历每个新闻元素，然后使用{{each}}语句遍历每个新闻元素的图片信息，并使用<img>标签将图片渲染到页面上。其中，每个图片的src属性使用{{val.images}}引用了当前遍历元素的图片地址。在函数中，使用$.ajax()方法获取新闻数据，并将渲染后的html插入到id为'title'的元素中。同时，也可以通过console.log()方法输出结果中的图片地址信息，方便调试和验证。</p>