Question

我要在另一页上一个接一个地添加驱动程序，并将其保存到firebase中。该页面的目的只是列出它们并计数其中的多少。

我可以在控制台中计算驱动程序的数量，但是无法将其打印到HTML中

我无法为此控制器创建全局变量。变量仅在函数中起作用

HTML部分

<div> Total numbers of drivers: {{driverNumber}}</div>

JS部分

var ul = document.getElementById('ul');
db.collection('drivers').onSnapshot(snap => {
    //console.log(snap.docs);
    var drivers = snap.docs;
    if (drivers.length) {
        let html = ''
        drivers.forEach(belge => {
            //console.log(drivers);
            var data = belge.data();
            var li = `<li class="list-group-item">${data.ad}<br>${data.photoURL}</li>`;
            html += li;
        })
        ul.innerHTML = html;
    }
    var driverNumber = drivers.length;
    console.log(driverNumber);
})

控制台上没有错误。

Answer 1

尝试将其更改为范围变量，

$scope.driverNumber = drivers.length;

Answer 2

this.driverNumber = drivers.length;

driverNumber对于组件是全局的

无法在html上打印计数的数字

2 个答案: