javascript - Rendering dynamically generated {{link-to}} links in an Ember.js Handlebar template expression -
i have ember template rendering text handlebar expression, i.e. {{caption}}. text being rendered has hashtags in it, each of need make clickable, , going specific route in ember app. 
i created helper parse text , replace each hashtag link necessary route combined hashtag, handlebar expression looks like: {{clickable-hashtags caption}}. however, helper creates links using regular html <a href> tags, , returned using ember.handlebars.safestring. 
i use ember's {{#link-to}} helper method each hashtag instead, can't seem figure out how that. possible handlebars parse out link-to tags within template's {{caption}} expression?
well, computed property
the caption:
this #hashtag caption
in controller:
   computedcaption: function () {      var words = caption.split(" ");      return words.map(function (e) {         var ishashtag = e.charat(0) === "#";        return {ishashtag: ishashtag, text: e};      });    }.property("computedcaption") template:
{{#each computedcaption |cap|}}    {{#if cap.ishashtag}}       {{#link-to 'tags' cap.text}}{{cap.text}}{{/link-to}}    {{else}}    {{cap.text}}    {{/if}} {{/each}} result
this #hashtag caption
Comments
Post a Comment