1. Dom
  2. Pytanie i odpowiedź
  3. Łącznik z ogniwami polimerowymi

Łącznik z ogniwami polimerowymi

2014-07-08 9 views
8

To wydaje się być naprawdę głupie pytanie, ale jak utworzyć link do strony internetowej?Łącznik z ogniwami polimerowymi

Próbowałem następujące

<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>

Źródło

2014-07-08 jxn

Odpowiedz

7

Co o onclick?

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

Źródło

2014-07-08 09:21:07

+0

Javascript praktycznie nie działa w elementach polimerowych. Nie pracował dla mnie, ostatnie wydanie Polymer. – Strikki

21

To może być przesadzone, ale całkiem Polymer-ey. Można użyć:

<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>

potem w skrypcie mają:

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

Następnie wszystkie przyciski można po prostu użyć tego samego link = "cokolwiek" na kurku = "{{goLink}}" atrybuty.

Źródło

2014-07-08 12:45:19 Cram42

+0

co masz na myśli mówiąc "w swoim scenariuszu"? – jxn

+0

Przepraszamy za spóźnioną odpowiedź. Mam na myśli znaczniki

0

sam problem tutaj wdrożenie wyszukiwarki przycisk, oto co zrobiłem:

<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> 
});

(za pomocą P olymer 1.0.6)

Źródło

2015-07-14 23:20:00 vinyll

8

W wersji Polymer używam (1.2), można po prostu to zrobić:

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

Myślę, że ta prostota jest dostępna jako Polimerowych 1.0.

Źródło

2015-12-03 13:12:11

0

Jak próbuję, dodaję onclick="window.location.href='your_url' prostu pracować

Oto przykład:

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

wystarczy zmienić adres URL, co chcesz!

Źródło

2015-12-25 08:43:29 Zero

Powiązane problemy

 Powiązane problemy