css相当于WPF数据模板绑定

Question

我在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。因此，对于作为Option的选项绑定的每个对象，我想将Name显示为标签，然后两个复选框表示我对象上的布尔值。我希望这些是可点击的，所以我可以切换它们并让它更新底​​层的JS对象，所以如果我然后点击保存，我所要做的就是将数据发送到服务器进行更新。

以前在自定义DataTemplates的WPF中这很容易，但我不确定这是否可以在CSS / JS / HTML中使用。有人可以建议一个干净的方法吗？