Angular 6和语义UI集成

在标题中，我将在Angular 6中集成语义UI，以使用非常好的web控件

我发现了一个例子，比如说Angular official Ng Book（第32页），我看到我应该复制并粘贴来自Book repo（src/app/vendor/、src/assets/images/和src/styles.css）的一些文件。好的，它可以工作，但这是一个已经构建的应用程序的具体例子，我想很好地理解如何在一般情况下实现它

因此，我寻找了一些通用的方法来实现它，而不仅仅是从《代码》一书中引用的这个例子。而且，在官方语义UI网站上，我看到Angular 6特定的集成工具尚未开发；我发现只有一个非常古老的实现，称为Angular 1.x

由于这个原因，我问你：我如何才能正确（手动）将语义UI集成到Angular 6应用程序中，如何在代码中调用两个非常简单的定制控件？这也是一个非常简单的示例，例如语义UI文本字段或语义UI按钮。你有一个非常简单的教程链接或步骤吗

---

非常感谢大家

在角度项目中：

npm安装语义ui——保存

angular.json文件：

{
...
“风格”：[
“node_modules/semantic ui/dist/semantic.min.css”，
“src/styles.css”
],
...
}

就这些

编辑：现在您可以在您的项目中使用语义UI CSS类

---

在角度项目中：

npm安装语义ui——保存

angular.json文件：

{
...
“风格”：[
“node_modules/semantic ui/dist/semantic.min.css”，
“src/styles.css”
],
...
}

就这些

编辑：现在您可以在您的项目中使用语义UI CSS类

---

没有什么特别之处，与您集成任何其他第三方库的方式相同

npm安装

为javascript和css添加

angular.json

，或通过

style.scss

导入css。首先，非常感谢您的快速回复。你能给我举个小例子吗？对不起，我不是很擅长角度。。。感谢没有什么特别之处，就像您集成任何其他第三方库一样

npm安装

为javascript和css添加

angular.json

，或通过

style.scss

导入css。首先，非常感谢您的快速回复。你能给我举个小例子吗？对不起，我不是很擅长角度。。。感谢非常感谢你。。。我尝试了正确的导入。最后一步（网页中的集成）如何？我搜索了一个非常简单的exmaple（即，在我的页面中添加一个简单的选项卡），并尝试了本教程，但它不起作用。你能给我一个非常简短的例子，只集成一些东西，如按钮或文本框吗？非常感谢。。。我尝试了正确的导入。最后一步（网页中的集成）如何？我搜索了一个非常简单的exmaple（即，在我的页面中添加一个简单的选项卡），并尝试了本教程，但它不起作用。你能给我发一个很短的例子来整合一些东西，比如按钮或文本框吗？