问题标签 [patternlab.io]

我正在开发一个带有把手、patternlab-node 和 gulp 的项目。现在.hbs，如果我尝试将参数传递给原子部分，我的文件将无法正常工作。我在下面列出了一个例子。

分子：

数据：

原子：

现在的输出显示文本为：{{filterText}} {{filterValue}}而不是来自 json 数据的文本。但它从循环中显示正确的次数，所以我相信它是从 json 文件中获取信息。

我不确定这是语法错误还是其他问题，但感谢您的帮助。

with我正在将 Pattern Lab 与树枝模板一起使用，并且在包含的语句中直接使用对象时遇到问题。

这是我的teaser-content-blocks有机体：

这是teaser-photo原子：

这就是我试图用teaser-content-block分子做的事情：

但是，该with teaser_photo only语句似乎导致 twig 中断并且无法编译，错误为Catchable fatal error: Argument 1 passed to Twig_Template::display() must be of the type array, null given.

如果我将该包含语句更改为以下内容：

...它工作正常，但这对我来说太冗长了。我宁愿将对象按原样传递。它似乎只是不想以正确的方式拾取它，即使理论上它应该工作相同。

我不是树枝专家，所以我可能遗漏了一些非常明显的东西。

一如既往地感谢任何帮助！

如何将控制台 Gulp 与 Twig 结合使用？谢谢！

我正在使用 Twig PatternLab。

我遇到了 JSON 和 Twig for 循环的小问题。

原子 00-h3-black.twig：

分子 00-mastertile.twig：

有机体 00-default2.twig：

以及有机文件夹 00-default2.json 中的 JSON

我的期望是“default2”循环两次，因为我在 JSON 中有一个包含 2 个项目的数组并推送 JSON 内容。如果我从 JSON 数组中取出变量，它会显示更改（但显然是重复的）。

我在这里做错了什么？

我感谢您的帮助

我正在使用带有 angular 2 的 patternlab，并且以 angular 2 的形式出现下一个错误：

错误类型错误：无法在 checkAndUpdateView (view.ts: 359) 在 callViewAction (view.ts:767) 在 execEmbeddedViewsAction (view.ts:726) 在 checkAndUpdateView (view.ts:410) 在 callViewAction (view.ts:767) 在 execEmbeddedViewsAction (view.ts:726) 在 checkAndUpdateView ( view.ts:410) 在 callViewAction (view.ts:767)

HTML/TS/CSS由于 Angular 2 或 Angular 4 需要为每个组件编写太多代码。如果我将 Pattern lab 与 Angular 4 一起使用会怎样？

我认为使用 Pattern Lab 需要更多的维护，我们需要在其中编写更多代码来维护 Pattern lab 中的分子/原子和 JSON 文件。

您能否建议使用 Angular 2/4 的 Pattern Lab 好不好？

任何帮助将不胜感激！

我有一个 Pattern Lab edition-node-gulp设置，并想使用 NPM 来管理 UI 依赖项，如 jQuery、D3 等。Pattern Lab 的设置使得开发发生在“Source”文件夹中，该文件夹被编译并移动到“Public”文件夹中。公共文件夹的根目录在提供服务时成为应用程序的根目录。

目前，我手动包含 jQuery 等资产。我认为在用于运行所有 Pattern Lab Node 的 package.json 文件中管理像 jQuery 这样的依赖项会很棒，但是 node_modules 文件夹存在于 Public 之外，因此我无法在实时应用程序中引用它。

到目前为止，我似乎有两个选择：

1. 按原样继续，忘记这些资产的包管理。
2. 使用 jQuery 和其他方法在 Public 内部创建第二个 package.json，这看起来很草率。

创建第二个 package.json 这么糟糕吗？我是否没有考虑其他选择？

我有一个 patternlab 实现（edition-node-gulp）。我正在尝试将 selectize.js 添加到它（https://github.com/selectize/selectize.js）。当我将指示的 jquery 函数添加到 foot.mustache 文件并检查结果时，控制台指示reference error: can't find variable $（即无法识别 jquery）。当我将 jquery.min.js 添加到 head.mustache 时，在我的 selectize.js 脚本标记上方，模式实验室的一些功能停止工作，其中一些开始工作，并且我开始收到不同的错误消息（即它现在可以识别 jquery） .TypeError: $('#select-beast').selectize is not a function.

这是head.mustache：

这是foot.mustache：

我将mustache与在此处模式实验室输入链接描述结合使用以呈现 json 数据文件中的项目列表。给定这个数据结构：

如果我在我的部分中执行以下操作：

名称渲染得很好。

但如果我这样做：

下拉选择器部分具有以下代码：

它不会渲染。我究竟做错了什么？

我正在开发一个基于 twig patternlab 框架的项目。我的大部分内容都使用 JSON 文件，尤其是页面。

我想将一个链接（由原子构建）集成到我从我的 JSON 文件中获得的文本中，该文件具有链接的占位符。我正在处理来自多语言 cms 的文本，因此将占位符放入文本内容是保持其灵活性的最简单方法。

这是我的 json 文件的摘录

这是在我的树枝模板中

这是我的结果（都转储了最终的 html.

选项 A 完美地工作，当我使用带有字符串的 twig set 时，插值开始并且一切都正确输出。但这就是我的模板代码中的一个字符串......这不是我想要的。

选项 B 是我第一次尝试使用 JSON 文件中的字符串，但是当我使用 var 和字符串作为集合时，插值不起作用。我尝试了多种变体 |raw 并且不确定还有什么，但结果是总是一样。

选项 C 也不起作用。使用 twig set 和 include 作为一个块将其转换为 twig 标记代码，从我最近的经验来看，这几乎不能用于任何事情。我还是想试试看。

有没有办法让插值工作，或者是否有一个很好的选择与 twig/patternlab 来获得我想要实现的目标？