AngularJS - 从ng-repeat获取当前对象

Question

我正在为我们的应用程序开发用户配置文件"卡"类型的东西。这个想法是利用AngularJS材质库为非管理员用户创建一个简单的界面，以管理分配给他们的其他用户。

我有一个 ng-repeat 运行来提取这些卡的数据，然后为它们生成标记，如下所示：

<!-- language: lang-js -->
<div class="col-md-6 md-padding float-left" ng-repeat="user in allUsers">
<md-toolbar class="row col-md-12 md-hue-5 md-dense px-0">
<div class="md-toolbar-tools">
<span class="col-md-10">{{ user.name }}</span>
<md-button id="managedUserDetails" type="submit" ng-click="null" class="md-fab" aria-label="Click to view profile">
<md-icon md-svg-src="/images/svg/action/ic_open_in_new_48px.svg"></md-icon> 
</md-button>
</div>
</md-toolbar>
<div class="row col-md-12 border border-dark">
<div class="row col-md-12">
<md-input-container class="md-block col-md-6" flex-gt-xs>
<label>Name:</label>
<input ng-model="user.name" class="detailDisabled" disabled>
</md-input-container>
//code continues for other bits, and yes, the tags are closed :)

我的问题是关于md 按钮元素的。在其中，我想使用一个函数来调出该用户的扩展视图，但要做到这一点，我需要来自按钮所在的特定用户卡的数据。然后，我可以使用该数据来填充展开的视图。

所以，问题：

有没有办法告诉 Angular"给我你用来生成父元素的数据？

如果没有，我将不得不做一些思考，因为我现在能想到的就是.......非优雅的解决方案:)

Answer 1

您可以将用户对象直接传递给ng-click，使用ng-init将在元素生成时一直调用该方法，

<md-button id="managedUserDetails" ng-click="getAdvancedView(user)" class="md-fab" aria-label="Click to view profile">
<md-icon md-svg-src="/images/svg/action/ic_open_in_new_48px.svg"></md-icon> 
</md-button>

在控制器上，您可以在按钮单击事件上访问整个用户对象，

$scope.getAdvancedView = function(user) {
console.log(user.name);
}

Answer 2

您可以使用ng-init = "someFunction(user)"

<div class="col-md-6 md-padding float-left" ng-repeat="user in allUsers"
ng-init = "someFunction(user)">