如何获得Key对象Ng-Repeat Angular?

时间:2015-07-09 09:30:11

标签: javascript angularjs

我想在角度中获得 ng-repeat 。在这种情况下,我希望结果是:" -JtltdrUg7cfaMeXvUmG "使用firebase作为数据样本:https://sweltering-heat-772.firebaseio.com/users/simplelogin%3A53

我尝试了4种不同的方式,但没有运气。请帮忙。

第一

<ion-item
ng-repeat="item in user.items" 
href="" 
ng-class="{'item-highlight': item.highlight}" 
class="item-thumbnail-left" 
ng-click="editItem(Object.keys({{item}}))">

</ion-item>

我得到了:

  

未定义

第二名:

<ion-item
    ng-repeat="item in user.items" 
    href="" 
    ng-class="{'item-highlight': item.highlight}" 
    class="item-thumbnail-left" 
    ng-click="editItem(({{Object.keys(item)}}))">

</ion-item>

我得到了:

  

未定义

第3名:

 <ion-item
    ng-repeat="item in user.items" 
    href="" 
    ng-class="{'item-highlight': item.highlight}" 
    class="item-thumbnail-left" 
    ng-click="editItem(Object.keys({{item.title}}))">

    </ion-item>

我得到了:

  

错误:[$ parse:syntax]语法错误:令牌&#39; 6&#39;出人意料,   在表达式

的第29栏预期[)]

第四

  <ion-item
        ng-repeat="item in user.items" 
        href="" 
        ng-class="{'item-highlight': item.highlight}" 
        class="item-thumbnail-left" 
        ng-click="editItem({{Object.keys(item.title)}})">

        </ion-item>

我得到了:

  

未定义

示例User.Items来自此链接的数据:https://sweltering-heat-772.firebaseio.com/users/simplelogin%3A53

Controller .js:

$scope.editItem = function(itemKey){
  console.log(itemKey);
}

2 个答案:

答案 0 :(得分:0)

你试过这个吗?

<ion-item
    ng-repeat="item in user.items" 
    href="" 
    ng-class="{'item-highlight': item.highlight}" 
    class="item-thumbnail-left" 
    ng-click="editItem(Object.keys(item.title))">

</ion-item>

事实是,在ng-click中,内部文字被评估为js代码,因此您不必使用{{}}

答案 1 :(得分:0)

这对我有用。

<ion-item
        ng-repeat="(key, value) in user.items" 
        href="" 
        ng-class="{'item-highlight': value.highlight}" 
        class="item-thumbnail-left" 
        ng-click="editItem(key)">

        </ion-item>