2014-07-08 27 views
8

Điều này có vẻ giống như một câu hỏi thực sự ngu ngốc, nhưng làm cách nào để tạo liên kết nút đến một trang web?Liên kết nút lõi polymer

Tôi đã thử những điều sau

<paper-button raisedButton class="colored" iconSrc="http://g.twimg.com/Twitter_logo_white.png"><a href="http://twitter.com/username" target="_blank">follow</a></paper-button> 


<paper-button raisedButton class="colored" iconSrc="http://g.twimg.com/Twitter_logo_white.png" link="http://twitter.com/username">follow</paper-button> 

Trả lời

7

gì về onclick?

<paper-button raisedButton label="test" onclick="javascript:alert('f')"></paper-button> 
+0

Javascript hầu như không hoạt động ở tất cả các yếu tố Polymer. Không làm việc cho tôi, bản phát hành cuối cùng của Polymer. – Strikki

21

Đây có thể là công cụ vượt trội, nhưng hoàn toàn là Polymer-ey. Bạn có thể sử dụng:

<paper-button 
    raisedButton 
    class="colored" 
    iconSrc="http://g.twimg.com/Twitter_logo_white.png" 
    label="Follow" 
    link="http://twitter.com/username" 
    on-tap="{{goLink}}"></paper-button> 

Sau đó, trong kịch bản của bạn có:

Polymer('element-name', { 
    goLink: function(e) { 
     window.location.href = e.target.getAttribute('link'); 
    } 
}); 

Sau đó, tất cả các nút của bạn chỉ có thể sử dụng liên kết cùng = "Sao cũng được" on-tap = "{{goLink}}" thuộc tính.

+0

ý của bạn là gì "trong tập lệnh"? – jxn

+0

Xin lỗi vì đã trả lời muộn. Ý tôi là trong các thẻ

0

Cùng một vấn đề vào đây để thực hiện một tìm kiếm nút, đây là những gì tôi đã làm:

<dom-module id="app-search"> 
    <paper-button> 
    <a href$="[[getSearchUrl(query)]]">Search</a> 
    </paper-button> 

    Polymer({ 
    is: 'app-search', 
    getSearchUrl: function(query) { 
     return '/search/' + query; 
    } 
    }); 
    </dom-module> 
}); 

(sử dụng P olymer 1.0.6)

8

Trong phiên bản Polymer Tôi đang sử dụng (1.2), bạn chỉ có thể làm điều này:

<a href="http://google.com"><paper-button raised>Account</paper-button></a> 

Tôi nghĩ đơn giản này đã có sẵn như của Polymer 1.0.

0

Như tôi đã cố gắng, tôi thêm onclick="window.location.href='your_url' chỉ làm việc

đây là một ví dụ:

<paper-icon-button icon="arrow-back" onclick="window.location.href='/personal'"> 

chỉ cần thay đổi url những gì bạn muốn!

Các vấn đề liên quan