新用户使用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。
感谢您的帮助。
答案 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
组件即可