2

これの間に組み合わせはありますか: 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>

アドバイスをいただければ幸いです。

4

1 に答える 1

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>

namepaper-item の属性に注意してください。これは、選択した項目を追跡するためにコア メニューで使用されるため、非常に重要です。valueattr="foo"コアメニューで設定することにより、別の属性名を使用できます。

さらに詳細や機能が必要な場合はng-tap="myFunction($event)"、core-menu 要素に追加して、スコープでメソッドを呼び出すことができます。イベント詳細から選択したアイテムの情報を取得できます。

scope.myFunction = function($event) {
  var details = $event.detail.item.attributes.foo.value;
}
于 2014-12-01T08:14:00.693 に答える