كيفية استخدام angular.js و Express Handlebars معاً

يمكنك استخدام هذا الحل ،حيث AngularJS يسمح بتغيير رموز البداية / النهاية لاستيفاء النص كما يلي:

appModule.config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('{[{');
  $interpolateProvider.endSymbol('}]}');
});

ثم يمكنك استخدامه في القالب الخاص بك:

<div>{[{message}]}</div>

كما يمكنك مراجعة توثيق angular الخاص ب$ interpolateProvider

كما يمكنك استخدام ng-bind كالآتي

<p ng-bind="user.profile.description"></p>

والذي يكون مشابه للآتي

<p>{{user.profile.description}}</p>

كما يمكنك مراجعة توثيق Angular الخاص ب ng-bind

يمكنك الإبقاء على نفس ال style الخاص بال angular والتغيير فقط في أسلوب الكتابة في الtemplate Handlebars عن طريق إنشاء raw helper كالتالي

Handlebars.registerHelper('raw-helper', function(options) {
    return options.fn();
});

ثم يمكنك استخدامه عن طريق أربع أقواس {{{{ كما في المثال التالي

{{{{raw-helper}}}}
<div class="container" ng-controller="AppCtrl">
    Total Members: {{members.length}}
</div>
{{{{/raw-helper}}}}

يمكنك القيام بذلك بالشكل التالي من خلال إنشاء مساعد helper في Express Handlebars:

Handlebars.registerHelper('raw-helper', function(options) {
    return options.fn();
});

واستخدمه في نموذج hbs الخاص بك عن طريق وضعه في أربع أقواس {{{{ كالتالي:

{{{{raw-helper}}}}
<div class="container" ng-controller="AppCtrl">
    Total Members: {{members.length}}
</div>
{{{{/raw-helper}}}}