md-menu md-list-item角材

Question

md-2行目のリスト項目ディレクティブにmd-menuがあります。注：副次的な行動ではなく、主にリスト項目自体にあります。ドキュメントでは、最初の要素がトリガとして使用され、DOMに残され、2番目の要素はメニューの内容を表します。だから私は次の構造がうまくいかないことに驚いた。

<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で未定義 のプロパティ 'hasAttribute' を読むことができません（http://localhost/flatt.io/app/node_modules/angular-material/angular-material.min.js:13:26527）

と

また、私は意味が分からないうち次のエラーを、得続けます

angular.js：13550 TypeError例外：プロパティを読み取ることができません '0' 未定義 のenableHoverListenerで（角度-material.min.js：13）

よろしく

Answer 1

propが定義されているng-repeatは、md-list-itemタグにあります。あなたのmd-menu-contentを定義するときには使用できません。