閱讀(1.4k) 書簽贊(0) 我要糾錯

EmberJS 寫助手

2018-01-04 13:49 更新

寫助手

如果您多次使用HTML應(yīng)用程序，則可以注冊可從任何 Handlebars模板添加的自定義助手。如果當(dāng)前上下文更改，Ember.js將自動執(zhí)行助手，并使用更新的值更新DOM。

Ember.Handlebars.registerHelper( function()
{
   //do the stuff
}

上面的代碼描述了如何在Ember.js中注冊Handlebars助手。

例子

<!DOCTYPE html>
<html>
   <head>
      <title>Emberjs Writing Helpers</title>
      <!-- CDN's-->
      <script src="/attachements/w3c/handlebars.min.js"></script>
      <script src="/attachements/w3c/jquery-2.1.3.min.js"></script>
      <script src="/attachements/w3c/ember.min.js"></script>
      <script src="/attachements/w3c/ember-template-compiler.js"></script>
      <script src="/attachements/w3c/ember.debug.js"></script>
      <script src="/attachements/w3c/ember-data.js"></script>
   </head>
   <body>
      <script type="text/x-handlebars" data-template-name="index">
         <!-- calling the handlebars -->
         {{test this}}
      </script>

      <script type="text/javascript">
         App = Ember.Application.create();

         //registering the handlebars by using Handlebars.registerHelper
         Ember.Handlebars.registerHelper('test', function(property, options){
            //creating the action expression
            var action = Handlebars.Utils.escapeExpression(this, arguments);
            //Registering the HTML tags
            return new Ember.Handlebars.SafeString("<u "+new Ember.Handlebars.SafeString(action)+">Tutorialspoint</u>");
         });
      </script>
   </body>
</html>

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作：

將上面的代碼保存在 writing_helper.html 文件中
在瀏覽器中打開此HTML文件。

下表列出了寫助手文件：

序號	寫助手及描述
1	依賴項如果相關(guān)鍵更改，輸出將自動更新。
2	自定義視圖助手它說明注冊自定義視圖助手。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補(bǔ)充