如何将INSPINIA引导程序添加到Ember应用程序

时间:2019-05-12 18:06:41

标签: css asp.net ember.js ember-cli

新用户使用Ember的第三方引导程序模板,并且需要帮助。

我从www.wrapbootstrap.com购买了INSPINIA管理模板。该下载文件包含多个内置INSPINIA的预先创建的项目(例如Angular,Rails等),但不适用于Ember。我与创作者联系,看他们是否可以包括一个针对Ember的项目,他们拒绝了。

所以,我很好奇,有人知道如何将INSPINIA添加到Ember Web应用程序吗?它像ember install bootstrap一样简单,然后复制* .css文件吗?注意:INSPINIA模板附带的文件比* .css还要多,并且我将ASP.NET CORE 2.2用于Web API。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

几年前,当我做同样的事情时,我只为主题CSS购买了主题。我使用了他们的less,并将其集成到我现有的ember构建中。如今,我将使用scss,但这并不重要。

重要的是要了解引导js组件不会在您的ember应用程序上下文中“简单地”工作。如果希望回调,事件,绑定等在ember的上下文中存在(即,在ember的运行循环和生命周期内),则需要包装每个单独的组件。幸运的是,ember-boostrap确实为您做到了。该插件为您提供插入bootstrap scss的最简单方法。该插件也未使用引导程序的js,而是以ember感知的方式完全实现了引导程序组件。

  

ember-bootstrap故意排除bootstrap.js   因为jQuery和Ember控制流和动画的方式   有时一起玩的不好,导致无法预测的结果。   这是ember-bootstrap背后的主要动机。有可能   从bower_components或供应商文件夹中导入bootstrap.js。这个   不推荐或不支持,您将自己行动。你有   被警告!

scss文件中正确设置了ember-cli-build.js预处理之后,您应该能够或多或少地直接使用它们的标记。但是,您将需要对遇到引导程序标记(带有将由引导程序的js处理的数据类的东西)有所了解。在这种情况下,您只需使用ember-bootstrap组件即可