Question

我有一个自定义下拉列表，就像下面我在表单中用来创建角色的下拉列表。下拉列表的目的是选择要与角色关联的css类。 css类的名称是role0，role1，role2 .... role9

<ul class="dropdown-menu dropdown-select">
 <li ng-repeat="i in [1,2,3,4,5,6,7,8,9,10]">
  <a href="#"><input type="radio" ng-model="roleCss" value="role{{$index}}" name="d-s-r">
   <span class="label role{{$index}}">&nbsp;</span>
  </a>
 </li>
</ul>

如何绑定roleCss的值，以便保存正确的值（例如。role1）？

由于

托马斯

Answer 1

你几乎是正确的。唯一的问题是ng-repeat创建了自己的范围，因此您保存的roleCss位于该范围内，而不是控制器范围。你需要做的就是像这样添加$ parent。

<ul class="dropdown-menu dropdown-select">
  <li ng-repeat="i in [1,2,3,4,5,6,7,8,9,10]">
  <a href="#"><input type="radio" ng-model="$parent.roleCss" value="role{{$index}}" name="d-s-r">
   <span class="label role{{$index}}">&nbsp;</span>
  </a>
 </li>
</ul>

自定义下拉列表中的角度绑定范围

1 个答案: