Javascript html标记或控制器中的数据

在本文中，我将编写2条限制于元素的指令，请看下面的html

    <sidebar collapsemode="ic">
        <item icon="xxx" notify="true">Dashboard</item>
        <item icon="yyy" notify="false">
            Settings
            <item>Proxies</item>
            <item>Users</item>
        </item>
    </sidebar>

---

但是是否可以使用html标记来管理它，而不必涉及控制器，我知道考虑到我将有多个级别的嵌套元素，这会使事情变得复杂，您会选择哪种方式，在控制器中使用html标记或JSON格式的数据以及原因？

我看不到html方式的任何好处。JSON选项看起来更加灵活。您可以更轻松地从控制器中操作数据，只需键入较少的内容。（也许您也可以使用基于HTML的解决方案实现同样的效果，但它会更复杂、更长，而且更不干净。）

    $scope.items = [{
    content: 'Dashboard',
    icon: 'xxx',
    notify: true
    },{
    content: 'Settings',
    icon: 'xxx',
    notify: true,
    children: [{
        content: 'Proxies'
    }, {
        content: 'Users'
    }]
  }];