Pattern Lab是否“混合得不好"?与Angular? [英] Does Pattern Lab "not mix well" with Angular?
问题描述
作为一名交互设计师，我寻求与开发人员合作的更好方法，因此我试图将Pattern Lab引入我的当前客户.但是，前端框架的首席开发人员却退缩了.他的论点主要要点:
As an interaction designer looking for better ways to collaborate with developers, I have tried to introduce Pattern Lab to my current client. The lead developer for the front end framework pushes back, however. Main gist of his argument:
我们的工具包除了HTML/CSS之外，还具有需要JavaScript或JS库的复杂组件.这与Pattern Lab中的Moustache或Handlebars模板搭配得不好.因此，我们使用了Angular JS，这是我们编写组件的框架.
Our toolkit has complex components that require JavaScript or a JS library in addition to HTML/CSS. This would not mix well with the Mustache or Handlebars templating in the Pattern Lab. Thus we use Angular JS, which is the framework that our components are written in.
我试图寻找讨论该主题的文章.据我所知，这里没有什么都没有.在SO之外，我只发现了几篇文章(示例) ，但是除了与两年前解决了.
I have tried to look for articles that discuss this topic. There's nothing here on SO as far as I can tell. Outside SO I have found just a few posts (example), but nothing that's specifically on the topic of Pattern Lab's (lack of) compatibility with Angular, except for a parsing issue that was solved two years ago.
作为非程序员，我没有必要的影响力来影响我的开发人员.如果有人能够详细阐述，那就太好了.
As a non programmer I don't have the necessary influence to sway my developer peers. Would be great if someone with hands on experience could elaborate.
推荐答案
此处是模式实验室节点的维护者.
Maintainer of Pattern Lab Node here.
我刚刚创建了这个还原样本存储库，用于说明Pattern Lab中的Angular.
I just created this reductive sample repository illustrating Angular within Pattern Lab.
实时演示 http://www.brianmuenzenmeyer.com/patternlab-node-angular-example/public/index.html
如您所见，Pattern Lab可以在单个模式的范围内运行任意的前端代码，包括Javascript，因此有动力的人可以展示使用它的组件.
As you can see, Pattern Lab can run arbitary frontend code, including Javascript, within the confines of a single pattern, so a motivated individual could showcase components using it.
也就是说，我不认为PL的原子化"构建原子组件的方法与Angular完美配合(例如，不要在此处构建整个应用程序)，而是在工具提示后面展示JS.或模态成分，可能是孤立的.
That said, I don't think that PL's "with the grain" approach of building atomic components works perfectly with Angular (like, don't build your whole app in here) but showcasing the JS behind, say, a tooltip or modal component, is possible in isolation.
这种策略类似于让我想起 https://rizzo.lonelyplanet.com/styleguide/design-elements/-其中具有UI组件和JS组件.
This strategy would be similar to reminds me of https://rizzo.lonelyplanet.com/styleguide/design-elements/ - in which they have UI components alongside JS components.
希望这有助于消除任何混乱.
Hope this helps clear up any confusion.
这篇关于Pattern Lab是否“混合得不好"?与Angular?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
