使用带有Angular的Meteor 1.2.1中的Blaze UI组件sAlert

时间:2015-11-25 02:06:16

标签: angularjs meteor meteor-blaze

在1.2.1更新发布之前,我有一个使用Angular和Blaze的流星应用程序,但现在不再可能使用了例如

{{>sAlert}}

在我的申请表中。

有一个名为“angular-with-blaze”的帮助程序包,你可以在其中包含Blaze模板,我想我会将{{> sAlert}}包装到自定义模板中,并加载它与

<template name="custom">
    {{>sAlert}}
</template>
<blaze-template name="custom"></blaze-template>

但是它告诉我,找不到模板。

那么现在是什么方法可以将这些组件包含在我的基于meteor的角度应用程序中?

1 个答案:

答案 0 :(得分:1)

你的方法是正确的。将sAlert模板助手放在火焰模板中,然后使用blaze-template渲染该模板。但是你需要将blaze-template行放在你的角度html文件中,将实际的Blaze模板放在另一个html文件中,你只放置你的Blaze模板。

示例-list.ng.html:

<div>
    <header>
        <h1>Sample</h1>
    </header>

    <blaze-template name="test1"></blaze-template>
    <blaze-template name="test2"></blaze-template>
</div>

Blaze模板的另一个文件: 闪耀templates.html:

<template name="test1">
    {{> sAlert}}
    Hello {{visitor}}
</template>

<template name="test2">
    Hello {{customer}}
</template>

*因为我将test1和test2都渲染到同一页面,只有test1可以拥有sAlert模板帮助器。如果在不同的页面上,请重复模板助手。但这不是你问题的一部分,而是sAlert的工作方式。