md-菜单md-列表-项目角材料

Question

我想在Md-2行列表项指令上有一个md菜单。注意:不是在次要操作上，而是主要在列表项本身上。文档指出，第一个元素用作触发器并留在DOM中，而第二个元素表示菜单内容。因此，我感到惊讶的是，以下结构不起作用。

<md-list>

    <md-menu>

        <md-list-item class="md-2-line" ng-click="openMenu($mdOpenMenu, $event)" ng-repeat="prop in properties">
            <div class="md-list-item-text">
                <h3>{{ prop['display_name'] }}</h3>
                <p>{{ object[prop.key] }}</p>
            </div>
        </md-list-item>

        <md-menu-content width="6">
            <md-menu-item ng-repeat="val in prop['values']">
                <md-button ng-click="updateAttribute(prop.key, val)">
                    {{val}}
                </md-button>
            </md-menu-item>
        </md-menu-content>

   </md-menu>

</md-list>

然而，我并没有看到我做错了什么。我还不断地收到以下错误，其中我不知道其含义：

angular.js:13550 TypeError:无法读取r (modules/angular-material/angular-material.min.js:13:26527)处未定义的属性“hasAttribute”

和

angular.js:13550 TypeError:无法读取未定义的属性'0‘在enableHoverListener (角-Matal.min.js:13)

问候

Answer 1

您的ng-重复在其中定义道具是在md-列表-项目标签上。当标签关闭时，道具就超出了范围，所以当你去定义你的md菜单内容时，它是不可用的。