javascript - How to Use Polymer Elements -

-

I'm working through some demos in Polymer Here's one here:

The code looks like this: 

  & lt ;! DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Ajax this. & Lt; / Title & gt; & Lt; Script src = "../bower_components / platform / platform.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "import" href = "../bower_components / polymer / polymer.html" & gt; & Lt; Link rel = "import" href = "../bower_components / core-ajax / core-ajax.html" & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Core-ajax auto url = "http://gdata.youtube.com/feeds/api/videos/" params = '{alt alt :: "json", "q": "chrome"}' handles = 'json " & Gt; & lt; / core-ajax & gt; & lt; template repeat = "{{response.feed.entry}}"> 
 {. {Title $ t}} & lt ; / Div & gt; & lt; / template & gt; & lt; script & gt; Document.addEventListener ('polymer-ready', function () {var ajax = document.query selector ("core-ajax"); AJAX.Edent LISTONER ("core-response", function (e) {document.querySelector ('template') .model = {feedback: e.detail.response};});}); & lt; / scripts & gt; ; & Lt; / body & gt; & lt; / html & gt;   
 That's fair enough But I must keep this demo inside a polymer element, which is called "test-element.html", but it does not work:  
    
 nothing is visible, And import it inside of my index.html:  
  
  •  DOCTYPE html>   & gt; & lt; Meta Charset = "UTF-8" & gt; Title & gt; Javascript Playground & lt; / Title & gt; & Lt; Script src = "../bower_components / platform / platform.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "import" href = "../bower_components / polymer / polymer.html" & gt; & Lt; Link rel = "import" href = "test-element.html" & gt; & Lt; Link rel = "import" href = "ajax-feedback.html" & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Style & gt; * {Margin: 0; Padding: 0;} & lt; / Style & gt; & Lt; H1 & gt; Hello World & lt; / H1> & Lt; Test element & gt; & Lt; / Test-element & gt; & Lt; ajax-feedback & gt; & Lt; / Ajax-feedback & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
     Please explain to me, why can not I just put the demo code inside a polymer element and then import it again inside my index.html?  
     Thank you very much.  
     George.  
      
     
     
     Two things: document.query selector () will not work here: using polymer elements shadow domain Which will hide the elements from CSS and query selector (), and you have done it in a difficult way. You can use  & lt; Script & gt;   inside the tag & lt; Templates & gt;  should not be required, and you do not need a code code JS, so to say where it is  
     This is the easiest way:  
      lt; Link rel = "import" href = "/ bower_components / polymer / polymer.html" & gt; & Lt; Link rel = "import" href = "/ bower_components / core-ajax / core-ajax.html" & gt; & Lt; Polymer-element name = "test-element" attributes = "q" & gt; & Lt; Templates & gt; & Lt; Core-ajax auto url = "http://gdata.youtube.com/feeds/api/videos/" params = '{alt alt :: "json", "q": "{{q}}"}' handles = "Jason" response = "{{response}}" & gt; & Lt; / core-ajax & gt; & Lt; Repeat template = "{{response.feed.entry}}" & gt; & Lt; Div & gt; {. {Title $ T}} & lt; / Div & gt; & Lt; / Template & gt; & Lt; / Template & gt; & Lt; Script & gt; Polymer ({answer: zero,}); & Lt; / Script & gt; & Lt; / Polymer element & gt;   
     and then to use it:  
      & lt; Test-element q = "chrome" & gt; & Lt; / test-element & gt;    

     




  
    

    

    

    

    

    

    

    

    

    


    

    

    • 

    


    Comments
    

    

    

    

    


    Post a Comment

    Popular posts from this blog

    php - PDO bindParam() fatal error -

    -
    I am trying to learn PDO, now I have written this small code, but it gives me a serious error: Fatal error: Call a member function at a non-object dot () ... $ con = new mysqli ("127.0.0.1", "root", "", "csvdangercheck"); $ Query = $ con- & gt; ("Id,` var1`, `var2`) values ​​(" id,: var1,: var2) ";); $ query- & gt; bypass pattern (': id', $ id); $ query- & gt; BindParam (': var1', $ VAL1); $ Query- & gt; bindParam (': var2', $ val2); $ Query-> Executed (); I Trying to use print_r ($ con-> errorInfo ()) but Fatal error: Undefined method mysqli :: errorInfo ( ) ... can someone tell me what am I missing? Flaffeh said, you have PDO Missing Mysqy, try it: $ con = new PDO ('mysql: host = 127.0.0.1; dbname = csvdangercheck', 'root', '');
    Read more

    php - How can I cram 6+31 numeric characters into 22 alphanumeric characters? -

    -
    I have a 6 digit number and a 31-digit number (such as "234536" and "201103231043330478311223582826") that I The API needs to be crawled in the same 22-character alphanumeric field that uses PHP. I tried to convert each one to 32 (using custom code could not handle the base_convert () large number) and to connect with a single-character delimiter, but It only gives me 26 characters This is a restore API, so the letters should be URI-protected. I would like to do a database table cross with two references without reference to another reference value, if possible, any suggestions? Instead use a radix of 62. This will give you 22 characters for the top, 3.35 for the pre and 17.3 for the next. & gt; & Gt; & Gt; Math.log (10 ** 6) /math.log (62) 3.3474826039165504 & gt; & Gt; & Gt; Math.log (10 ** 31) /math.log (62) 17.295326786902177
    Read more

    logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

    -
    For a specific set of tasks, I need to log in to the incoming request inputstream as well as outgoing response. is. I am using an ActionFilterAttribute for this and overriding the OnActionExecuted and OnResultExecuted methods. So I'm starting with this idea ... Public category ActionLoggerAttribute: ActionFilterArrbit {Public Override Zero On-Offed Execution (ActionActioned Contact Filter Filter) {base.OnActionAxecuted (FilterContext); HttpRequestBase request = filterContext.HttpContext.Request; // TODO: Log the request. InputStream} Public Override Zero OnResultExecuted (ResultExecutedContext FilterContext) {base.OnResultExecuted (filterContext); HTTPRPSPointBase Response = FilterContacts Hpptex response; // TODO: Log on Response.OutputStream}} Ideally I'll hook it up with enterprise library logging because I'm already using it for error logging. Am I reaching the input and output stream at the right time? Can I easily use the Enterprise Library to log i...
    Read more