当前位置: 首页 > 面试题库 >

使用angularFire隐式同步在ng-repeat中访问Firebase唯一ID

郗奇玮
2023-03-14
问题内容

我有一个使用angularFire隐式数据同步的Firebase对象列表,我想使用渲染其唯一ID(供url使用)以及其他数据属性ng- repeat。我能否以angularFire可以访问其中的对象ID ng- repeat的方式(与的成员angularFireCollection具有$id属性的方式)进行回报?如果不是,什么是实现此目标的正确方法?假设代码(不起作用):

控制器:

myApp.controller('ItemListCtrl', ['$scope', 'angularFire',
  function ItemListCtrl($scope, angularFire) {
    var ref = new Firebase(firebaseUrl);
    angularFire(ref, $scope, 'items');
  }
]);

视图:

<div ng-repeat="item in items" >
  <a href="" ng-href="#/items/{{item.name()}}">{{item.text}}</a>
</div>

问题答案:

我认为您需要的是:

<div ng-repeat="(name, item) in items">
  <a href="" ng-href="#/items/{{name}}">{{item.text}}</a>
</div>

anglularFire对象的行为就像普通的javascript对象一样。



 类似资料:
  • 我有一个来自Firebase的使用隐式数据同步的对象列表,我想使用呈现它们的唯一id(用于url)以及其他数据属性。我可以让以这样一种方式返回,即我可以访问中的对象ID,就像的成员具有属性一样?如果没有,实现这一点的正确方法是什么?假设代码(不起作用): 控制器: 查看:

  • 问题内容: 我正在开发一个页面,我需要在其中显示一些框(使用),其中包含频道信息以及显示位置(城市)。 我面临的问题是当我重复第二遍时: 这应该获得第一个ng-repeat的$ index值,并使用显示频道的位置创建一个新数组。它确实做到了。但是,当我使用此数组应用第二个ng- repeat时,它无法正常工作。 说我的html看起来像这样(PS:我需要使用索引值而不是因为我将这些框放到列中) JS

  • 问题内容: 我想使用父列表(foos)的索引作为子列表(foos.bars)中函数调用的参数。 我发现了有人建议使用$ parent。$ index的帖子,但不是的属性。 如何访问父级的索引? 问题答案: 我的示例代码是正确的,问题出在我的实际代码中。不过,我知道很难找到这样的例子,所以我在回答别人的情况。

  • 问题内容: 我正在尝试使用数组来过滤并在列表中显示信息。为此,我使用了inbuild 方法。 但是我遇到了错误。 这是我的尝试(我通过过滤) 现场演示 问题答案: AngularJS 默认不包含过滤器。您可以使用angular- filter中的 那个。只包含JavaScript 并在您的应用中添加依赖项: 您的代码应立即生效!我编辑了您的Plunker,使其正常工作。

  • 我正在考虑一种使用IDisposable模式来同步/协调对共享资源的访问的方法。 以下是我到目前为止的代码(易于使用LinqPad运行): 我试图实现的是在(独占)访问共享资源之前,在方法的顶部(或者中间的某个地方,谁在乎呢)使用C#“using”语句,并让IDisposable机制自动结束独占访问。 在引擎盖下,Monitor类用于此目的。 所需的优点是不需要缩进的{代码块}。只是在使用...行

  • 问题内容: 我用一个简单的方法来生成国家列表。每个列表中都有一个可以扩展和折叠的隐藏行/ div。 我面临的问题是,在将Angular引入应用程序之前,我手动对元素的ID进行了硬编码,例如: 新代码使用: 如何在我的帐户中分配动态/增量ID ? 问题答案: 您可以使用 https://docs.angularjs.org/api/ng/directive/ngRepeat