dart - Template data binding -

-

i'm trying create custom element data binding.

here custom element template:

<link rel="import" href="packages/paper_elements/paper_shadow.html"> <link rel="import" href="packages/polymer/polymer.html">  <polymer-element name="tweet-element">    <template>     <link rel="stylesheet" href="tweet_element.css">      <paper-shadow z="1">       <div id="header" horizontal layout>         <div id="user-image">           <img _src="{{profileimage}}">         </div>         <div id="user-details" flex>           <div horizontal layout>             <div id="name">{{name}}</div>             <div id="screen-name">(@{{screenname}})</div>           </div>           <div id="date-published">{{date}}</div>         </div>       </div>        <div id="content">         <div id="text">{{text}}</div>       </div>     </paper-shadow>   </template>    <script type="application/dart" src="twitter.dart"></script>  </polymer-element>

twitter.dart

import 'dart:html'; import 'package:polymer/polymer.dart'; import 'package:polymer_expressions/polymer_expressions.dart';  @customtag('tweet-element') class tweetelement extends polymerelement {   @observable string profileimage;   @observable string name;   @observable string screenname;   @observable string date;   @observable string text;    tweetelement.created() : super.created();    factory tweetelement() => new element.tag('tweet-element'); }

this how i'm creating , adding elements:

main.dart

import 'dart:html'; import 'package:polymer/polymer.dart'; import 'package:polymer_expressions/polymer_expressions.dart'; import 'twitter.dart';  void main() {   ...    var maincontent = queryselector('#main-content');   var element;   (var tweet in tweets) {     element = new tweetelement();     element       ..profileimage = tweet.user.profileimage       ..name = tweet.user.name       ..screenname = tweet.user.screenname       ..date = _parsedate(tweet.date)       ..text = tweet.text;      maincontent.children.add(element);   } }

the tweet-element elements , being added dom, fields data binding blank:

chrome dom

there no problem tweet objects, because i've tried setting element fields other strings , didn't work.

if have custom main method in polymer.dart application, need take care of polymer initialization yourself.
see how implement main function in polymer apps more details.


Comments

Post a Comment

Popular posts from this blog

qt - Using float or double for own QML classes -

-
i've created components , helper methods using c++ , qt used in qml gui. of methods calculate gui elements (size, transformations, scene graph items creation). target arm 32 bit using opengl / eglfs render output. opengl using float , qml using real (defined double ). what should use in c++ do not lose precision? if use qreal ( double ) shouldn't lose precision. if git grep float in qtbase.git , can find out bit more: dist/changes-5.2.0-**************************************************************************** dist/changes-5.2.0-* important behavior changes * dist/changes-5.2.0-**************************************************************************** dist/changes-5.2.0- dist/changes-5.2.0- - qt compiled qreal typedef'ed double on dist/changes-5.2.0: platforms. qreal float on arm chipsets before. guarantees more dist/changes-5.2.0- consistent behavior between platforms qt supports, binary dist/chan...
Read more

Create Outlook appointment via C# .Net -

-
i need create outlook appointment using microsoft.office.interop.outlook , while can work locally on own workstation , works if run web application via server's browser, not work when connect server externally. hence, think might permission issue. i changed application pool identity " localsystem " don't access denied error. unfortunately, doesn't work. the app behaves if appointment created, appointment doesn't appear in outlook. here include file on top of aspx.cs page using outlook = microsoft.office.interop.outlook; here code using pop appointment. outlook.application apptapp = new outlook.application(); outlook.appointmentitem appt = apptapp.createitem(outlook.olitemtype.olappointmentitem) outlook.appointmentitem; appt.subject = txtfirstname.text + " " + txtlastname.text; appt.body = txtcomment.text; appt.alldayevent = false; appt.start = datetime.parse(txtreminderdate.text + " 8:00 am"); appt.end = datetime.p...
Read more

ios - Swift Array Resetting Itself -

-
i have 2 arrays: pointhistory , datehistory . have nstimer , , when timer runs out, action called. in action appending int pointhistory , , current date string datehistory . here timer action: func timeraction() { let steppervalue = int(stepper.value) employee.numberofpoints = steppervalue networking.saveemployee(employee, completion: { (error) -> void in if error != nil { let alert = uialertcontroller(title: "error", message: "there error updating \(self.employee.name)'s points", preferredstyle: .alert) let alertaction = uialertaction(title: "ok", style: .cancel, handler: nil) alert.addaction(alertaction) self.presentviewcontroller(alert, animated: true, completion: nil) } }) var dateformatter = nsdateformatter() dateformatter.dateformat = "mm-dd-yyyy" dateformatter.timezone = nstimezone.localtimezone() var date = nsdate() var ...
Read more