车把块助手不能正常工作

时间:2013-04-03 07:05:55

标签: ember.js handlebars.js

我尝试使用Defining a block helper with Handlebars中的代码创建一个块帮助器。 @danii的http://jsfiddle.net/6Jaya/表明它应该有效。但事实并非如此。我得到以下输出: Screenshot

这是一个错误还是我错过了什么?

app.js

App = Ember.Application.create();

Handlebars.registerHelper('link', function(options) {
    var result = '<a href="http://www.example.com">'
               + options.fn(this)
               + '</a>';
    console.log(result);
    return new Handlebars.SafeString(result);
});

的index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Example</title>
  </head>
  <body>
    <script type="text/x-handlebars">
      <p>
      {{#link}}
      <img src="http://placekitten.com/50/50">
      {{/link}}
      </p>
    </script>

  </body>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/handlebars.js"></script>
  <script type="text/javascript" src="js/ember.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
</html>

1 个答案:

答案 0 :(得分:0)

你为什么不用?这是否有特定的原因?

Handlebars.registerHelper('link', function(value) {
    var result = '<a href="http://www.example.com">'
               + value
               + '</a>';
    console.log(result);
    return new Handlebars.SafeString(result);
});