Angular 6和语义UI集成

Arc*_*ede 0 semantic-ui angular angular6

就像标题中一样,我会将语义UI集成到Angular 6中,以使用非常好的Web控件。

我找到了一个Angular官方的Ng-Book(第32页)的示例,我看到我应该复制并粘贴书库中的一些文件(src / app / vendor /,src / assets / images /和src / styles.css )。好的,它可以工作,但这是已经构建的应用程序中的特定示例,我想很好地理解一般情况下的制作方法。

因此,我搜索了一些通用的制作方法,不仅使用了本书代码中引用的示例。并且,在官方的语义UI网站上,我看到尚未开发Angular 6特定的集成工具。我发现只有一个非常旧的实现,它被称为Angular1.x。

由于这个原因,我问你:如何正确(手动)将语义UI集成到Angular 6应用程序中,以及如何在代码中调用几个非常简单的自定义控件?这也是一个非常简单的示例,例如一个Semantic-UI文本字段或一个Semantic-UI按钮就足够了。您是否有一个非常简单的教程链接或分步介绍?

非常感谢大家!

Zoo*_*oly 5

在您的Angular项目中:

npm install semantic-ui --save

angular.json文件:

{ ... "styles": [ "node_modules/semantic-ui/dist/semantic.min.css", "src/styles.css" ], ... }

就这样 !

编辑:现在,您可以在Angular项目中使用语义UI CSS类。

https://stackblitz.com/edit/angular-tfnnry