labelFunction用于AngularJS指令中的JSON模型对象

Question

我对角很陌生。我想要创建一个自定义的多选择搜索框的角度，我已经做了部分。请参阅下面的plunk：http://plnkr.co/edit/5YCCdDSnpHKRU51R9vCL?p=preview

在上面的按钮中，我看到多个选择在为名字工作。如何使同一小部件通用？如何提供用户可以选择要在多选择中显示的键:值对的功能。

例如：

$scope.users = [
  {name: 'Dave', id: 24},
  {name: 'Tim', id: 22},
  {name: 'Laura', id: 20}
];

目前正在显示名称。如果我想显示ids而不是名称，怎么办？

我能创建这样的东西吗？

<user-info-card users="users" label="id">
<user-info-card users="users" label="name">

Answer 1

在指令的作用域中添加一个新参数

scope: {
    users: '=',
    label : '@'
  }

并在模板中使用userslabel

http://plnkr.co/edit/O5NeMRjpSGEISWbmiY9e?p=preview