Javascript 与WPF数据模板绑定等效的css

我在JS中有一个对象集合，有一个名称和两个布尔字段，如下所示

{
    "Name": "testname",
    "ReadAccess": true,
    "WriteAccess": false
}

我把它们放在我的角度控制器上

$scope.permissions = permissionArray;

我目前正在绑定到一个选择框

<select size="20" style="width: 585px" ng-disabled="disableControls" ng-model="ComputePermissionsService.selectedPermission" ng-options="permissions.Name for permissions in ComputePermissionsService.Permissions"></select>

这给了我一个高高的选择窗口，上面有每个权限的名称

我想模拟选择框功能并将对象集合显示为可滚动列表，但是我想做一些我在WPF中曾经做过的事情，并为数据行重新定义DataTemplate。因此，对于作为选项绑定到Select的每个对象，我希望将名称显示为标签，然后两个复选框表示对象上的布尔值。我希望这些都是可点击的，这样我就可以切换它们，并更新基础的JS对象，所以如果我然后点击保存，我所要做的就是将数据发送到服务器进行更新

---

这在WPF中使用自定义数据模板很容易，但我不确定在CSS/JS/HTML中是否可以实现。有人能提出一个干净的方法来实现这一点吗？

是的，创建一个指令。或者使用第三方实现