在html中包含jade

Question

我想在html元素中包含一个jade脚本（如果它是html的一部分则显示），如下所示：

container.getElement().html('<include src="main.jade"</include>');

但显然include标签不起作用。我该怎么用？ （我可以使用jquery）

Answer 1

您可以将Jade编译为HTML，而不是使用DOM中的某种包含：

var jade = require('jade');

// Compile a function
var fn = jade.compile('string of jade', options);

// Render the function
var html = fn(locals);
// => '<string>of jade</string>'

然后，您可以将该HTML编译为某些内容，例如angular.element：

var compiledElement = $compile('<string>of jade</string>')(scope);
someDomElement.append(compiledElement);

您可以使用$rootScope.$new()创建模拟范围，或者使用element.scope()从元素中获取范围（或isolateScope），其中element是一些角度元素。

查看Jade文档。