如何在AngularJS和Firebase的复选框列表中预先选中一些复选框?

时间:2016-01-17 20:54:14

标签: angularjs ionic-framework firebase angularfire

我正在制作带有离子和firebase的移动应用程序,因此我正在使用AngularFire。我想在搜索栏下方显示所有用户的列表,以便我的用户找到新朋友。当用户找到朋友时,他可以单击旁边的复选框,然后将其添加到他的数据库中。 我的firebase结构如下所示:

users
frankid : 
   name : frank
   friends :
          Lisaid : true
Lisaid :
   name : Lisa
   friends : 
           frankid : true

我已设法使用以下代码显示所有用户的列表 在HTML中:

        <form class="list">
        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model ="query" placeholder="Rechercher un ami">
        </label>
    </form>
        <ion-list>
                <ion-checkbox class="item item-checkbox-right"  ng-click="addFriend(user.$id)" ng-repeat="user in users | filter : query ">{{user.name}}</ion-checkbox>
        </ion-list>
JS中的

$scope.users = $firebaseArray(reference.userRef());

我可以使用以下代码检索用户朋友ID的列表:

    //dataSnaphot.key() va contenir la liste des users id amis de notre utilisateur 
userRef.child('friends').on("child_added", function(dataSnapshot){
    reference.userRef().child(dataSnapshot.key()).once("value", function(dataSnapshot) {
    //It displays the list of the user's friend id
    console.log(dataSnapshot.key());
    var usersfriends = dataSnapshot.key();
    });
});

当我的用户浏览用户列表时,我希望我的用户的朋友已经被检查过了。我不知道该怎么做。

你有什么想法吗?谢谢。

0 个答案:

没有答案