带有 materializecss 的动态菜单

Question

我对要动态化的菜单和子菜单有疑问。我有以下 html

<li ng-repeat="item in menus" class="{{item.Submenu.length ? 'dropdown-button' : ''}}" 
           data-activates="{{item.Submenu.length ? 'Administracion' : ''}}">
    <span ng-bind-html="item.Nombre"></span>
    <ul ng-if="item.Submenu.length>0" id="Administracion" class="dropdown-content">
      <li ng-repeat="subItem in item.Submenu" ng-init="$last && rebindDropDowns()">
        <a ng-href="{{subItem.Nombre}}" ng-bind-html="subItem.Opcion">{{subItem.Opcion}}</a>
      </li>
    </ul>
    <ul ng-if="item.Submenu.length>0" id="Solicitud" class="dropdown-content">
      <li ng-repeat="subItem in item.Submenu" ng-init="$last && rebindDropDowns()">
        <a ng-href="{{subItem.Nombre}}" ng-bind-html="subItem.Opcion">{{subItem.Opcion}}</a>
      </li>
    </ul>
</li>

我有 2 个子菜单（"Administracion"、"Solicitudes"），但只显示给 "Administracion"，在 "Solicitudes" 中显示了与 [=] 相同的子菜单29=].

那是因为我有这条线

data-activates="{{item.Submenu.length ? 'Administracion' : ''}}"

但是如果我这样做会给我错误

data-activates="{{item.Submenu.length ? {{item.Opcion}} : ''}}"

选项可以是 "Administracion" o "Solicitudes"

你知道怎么解决吗？

Answer 1

显然我工作了，我现在没有“{{}}”并且运行正常。

<li ng-repeat="item in menus" class="{{item.Submenu.length ? 'dropdown-button' : ''}}"
          data-activates="{{item.Submenu.length ? item.Opcion : ''}}">
        <span ng-bind-html="item.Nombre"></span>
        <ul ng-if="item.Submenu.length>0" id="Administracion" class="dropdown-content">
          <li ng-repeat="subItem in item.Submenu" ng-init="$last && rebindDropDowns()"><a ng-href="{{subItem.Nombre}}" ng-bind-html="subItem.Opcion">{{subItem.Opcion}}</a></li>
        </ul>
        <ul ng-if="item.Submenu.length>0" id="Solicitud" class="dropdown-content">
          <li ng-repeat="subItem in item.Submenu" ng-init="$last && rebindDropDowns()"><a ng-href="{{subItem.Nombre}}" ng-bind-html="subItem.Opcion">{{subItem.Opcion}}</a></li>
        </ul>
      </li>

如果对某人有帮助，我会离开。希望如此。

带有 materializecss 的动态菜单

Dynamic menu with materializecss

html

javascript

css

jquery

materialize