如何使用Angular变量来控制角度数组的索引?

时间:2016-06-14 19:12:23

标签: javascript angularjs

我需要显示一些项目的信息,如果我点击其他项目列表,信息必须更改(现在不是这样)。

如果在[]之间使用0,则显示数组的第一项很容易,但如果我尝试使用$ scope.id = 0,则没有任何反应。

HTML:

                    <div class="col-md-5">
                        <b>{{faturas[{{id}}].faturan}}</b>
                        <p>Vencimento: <span>{{faturas[{{id}}].venc}}</span></p>
                    </div>
                    <div class="col-md-7">
                        <p>Período: {{faturas[{{id}}].ini}} a {{faturas[{{id}}].fim}}</p>
                        <p>Valor: R$ <span>{{faturas[{{id}}].valor}}</span></p>
                    </div>

节点:

var queryString = 'SELECT * from faturas WHERE empID = '+usuarioSession.empID;
connection.query(queryString,function(err,rows)     {  
    var ret = [];              
    for (var i = 0; i < rows.length; i++) {                        
        ret.push ({
            index: i,
            faturan: "Fatura "+(i+1),
            venc: rows[i].fatDataVenc,
            ini: rows[i].fatDataIni,
            fim: rows[i].fatDataFim,
            valor: rows[i].fatValor
        });

    }         
    response.writeHead(200, {'Content-Type': 'application/json'});
    response.end(JSON.stringify(ret), 'utf-8');
});

角:

app.controller('faberto',function($scope,$http){
    $scope.id = 0;
    $http.get('/servico/faberto').success(function(data) {
        $scope.faturas = angular.fromJson(data);

    });
});

1 个答案:

答案 0 :(得分:2)

正如@Claies所说,你不能在另一个内部使用{{ }}!请检查此链接:https://plnkr.co/edit/mHNaTXBNfzTGD3T0ujHY

我创建了一个模拟器,向您展示ng-repeat如何更适合这种情况!