md-menu md-list-item Angular Material

Question

我想在md-2-line list-item指令上有一個md-menu。注意：不在次要操作上，但主要在列表項上。該文檔指出，第一個元素用作觸發器並留在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類型錯誤：在r無法讀取的不確定 財產「hasAttribute」（http://localhost/flatt.io/app/node_modules/angular-material/angular-material.min.js:13:26527）

和

angular.js：13550類型錯誤：在enableHoverListener無法讀取的未定義 屬性 '0'（角material.min.js：13）

問候

Answer 1

你的ng-repeat在定義了prop的地方在md-list-item標籤上。當標籤關閉時，prop不在範圍內，所以當你去定義你的md-menu-content時它不​​可用。