Angularjs 如何在服务中使用firebase api并将值传递给指令

我是angular的新手，有一个从firebase实例提取数据的应用程序。如何将firebase连接放入角度服务中，并将返回的数据传递给

用户

指令？firebase数据目前只是呈现给标记中的

users指令

，但它不是通过指令本身完成的。如何将其正确传递给指令，使其仅显示名称

控制器

var myApp = angular.module('myApp', ['firebase']);

myApp.controller('ChatCtrl', ['$scope', '$firebaseArray', function($scope, $firebaseArray){
  var myUsers = new Firebase('https://db.firebaseio.com/users');
  console.log(myUsers)
  $scope.users = $firebaseArray(myUsers);
  $scope.showUsers = function(users){
    $scope.users = users.name;
    $scope.users = users.userId;
  }
}]);

chatApp.directive("showUsers", function(){
return {
    restrict: 'E',
    scope: {
      user: '@'
    },
    templateUrl: "usersList.tpl.html"
  };
});

用户列表模板

<p>Users</p>
<ol class="list-unstyled animated fadeInDown" ng-repeat="user in users">
  <li><a href="#" id="{{user.userId}}">{{user.name}}</a></li>
</ol>

用户

---

JSBIN：

不太清楚你在问什么。您正在显示一个指令的代码，但没有显示您实际使用该指令的位置。啊，问题中缺少该指令，但在jsbin中：

{{users}

。我应该能够在我的页面上的任何地方删除该行并让用户显示，但我不确定如何正确使用该指令并让它将名称拉入。什么是

？这里没有定义；在元素名称中不包括

指令

，除非它实际上是名称的一部分；此外，您不应该在名称中使用

-

，除非您在指令名称中使用大写字母。（这个

-

用于）我现在可以用这个输出用户：

{user.name}

，但是我如何将它移动到用户指令调用的模板中呢？您想要一个接收用户列表并打印列表的指令吗，或者您想要一个指令，该指令接收单个用户并打印该用户的详细信息？