Кто-нибудь пытается использовать AngularJS и Polymer/paper-drop-menu?

Question

Есть ли какая-либо комбинация между этим: https://www.polymer-project.org/components/paper-elements/demo.html#paper-dropdown-menu и angularjs.

Я пытался, но до сих пор не могу заставить его работать ..

 <paper-dropdown-menu label="Categories"> 
      <paper-dropdown class="dropdown"> 
       <core-menu class="menu"> 
        <template> 
         <paper-item ng-repeat="c in categories">{{c}}</paper-item> 
        </template> 
       </core-menu> 
      </paper-dropdown> 
     </paper-dropdown-menu> 

Любые советы будут оценены!

Answer 1

Вот как я это сделал, используя ng-polymer-elements.

Сначала я создал сопоставление для core-menu, что позволит вам использовать ng-model и методы вызова в своей области при выборе элемента.

coreMenu: { 
     ngModel: { 
      primitive: "selected" 
     }, 
     ngTap: { 
      event: "core-activate" 
     } 
    } 

HTML

<paper-dropdown-menu label="My Items"> 
     <paper-dropdown class="dropdown"> 
      <core-menu class="menu" ng-model="my.item"> 

       <paper-item ng-repeat="item in items" name="{{item.name}}"> 
        {{item.name}} 
       </paper-item> 

      </core-menu> 
     </paper-dropdown> 
    </paper-dropdown-menu> 

Обратите внимание на атрибут name в бумажном изделии. Это очень важно, потому что оно используется основным меню для отслеживания выбранного элемента. Вы можете использовать другое имя атрибута, установив valueattr="foo" в основное меню.

Если вам нужна дополнительная информация или функциональные возможности, вы можете добавить ng-tap="myFunction($event)" в элемент основного меню, чтобы вызвать метод в своей области. Затем вы можете получить информацию об элементе, выбранном из сведений о мероприятии.

scope.myFunction = function($event) { 
    var details = $event.detail.item.attributes.foo.value; 
}