Is it possible / sensible to use external templating engine like dust.js or any other with anjularjs?

问题

I had this urge to use dust.js templates as it provides a much better performance for UI rendering by caching the templates.

But in my current project we are using angularjs. It is even possible/sensible to use dust.js or any other templating engine with angular js ??

Even if i use dust.js will I lose the 2-way binding .. ?

Please suggest considering a relatively large SPA.. ?

P.S. I am a novice in both angular and dust.

回答1:

Sounds like a good use case for a filter!

Be aware that dust.js is an asynchronous renderer, but if you've already loaded everything then dust will fire synchronously (most of the time)

app.module('yours',[]).filter('dustRender', function(){
  return function(input, templateName){
    var rendered;
    dust.render(templateName, input, function(err, out){
      if('string' === typeof out){
        rendered = out;
      }
      err && console.error('Dust rendering error!', err);
    });
    return rendered || input;
  };
});

template

<span>{{ modelData | dustRender:'registered-dust-template' }}</span>

Note: Angular $sanitizes output, like html.

来源：https://stackoverflow.com/questions/18843501/is-it-possible-sensible-to-use-external-templating-engine-like-dust-js-or-any