问题标签 [ng2-semantic-ui]

我有一个 angular4 和 Universal 应用程序，带有 aapp.module和 a app.browser.module/app.server.module。

App.Module具有所有应用程序配置和引导程序。app.browser.module调用浏览器中使用的模块，以避免破坏通用构建。

Github 上项目 repo 的链接

当我将外部库 ( ng2-semantic-ui) 导入app.browser.module时，应用程序无法识别ng2-semantic-ui指令，但当我将其导入“app.module”时，它会识别。

这是我的模块结构：

app.module.ts

app.browser.module.ts

SuiModule当我在应用程序中导入app.module时识别它的指令，但是当我把它拿出来时app.browser.module，它不会。为什么？

错误

当我将PSBrowserAnimationsModule导入到应用程序中时，它们会在应用程序中被识别app.browser.module。

我无法使用 Microsoft.AspNetCore.SpaTemplate 获得语义 ui。

当我创建一个 Angular CLI-App 时，它工作正常，但我想把它打包在一起。

我做了什么：

1）安装SPA模板：dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
2）创建新项目：dotnet new angular
3）安装所有deps：npm install
4）添加semantic-iu-css：npm i semantic-ui -css --save
5) 添加 ng2-semantic-ui: npm i ng2-semantic-ui --save
6) 添加'semantic-ui-css/semantic.css'和'ng2-semantic-ui'到 webpack.config .vendor.js
7) 运行webpack --config webpack.config.vendor.js以重建 vendor.js
8)在 webpack.config.js 中将“eot|woff|woff2|ttf”添加到 URL-Loader 9) 在 app.module.client 中导入
“ ng2-semantic-ui” .ts

当我运行应用程序时，出现以下异常：

未捕获的错误：模块“AppModule”导入的意外值“SuiModule”。请添加 @NgModule 注释。

这是我的代码：
home.component.ts

home.component.html：

app.module.client.ts：

webpack.config.vendor.js

这是以前的工作。我的 html 是否有问题导致它停止工作？下拉菜单不会打开。我也试过$('.ui.dropdown).dropdown();菜单会出现0.1秒然后消失。

有一个 Angular 2 应用程序。

当我滚动页面时，页面的行为就像我尝试向两侧滑动一点，并且正在发生水平橡皮筋效果。似乎我正在尝试将页面滑动到两侧的效果。

当我真正滑动一个元素时，这个问题会变得更糟，比如旋转木马。将轮播向两侧滑动，将页面与轮播一起拖动。

如何防止这种情况发生？

我尝试使用 [optionsLookup] 但无法弄清楚如何使其工作，所以我编写了自己的函数。但是在 zone.js 完成此任务后，将显示占位符。

请帮我解决这个问题或给出一个如何使用 optionsLookup 的简短示例。

所以我在表单中有一个可选的下拉列表，我希望能够在单击其中一个值后清除选择。我没有也不想在我的组件中使用任何 jQuery。

下拉组件：

下拉菜单的用法：

在我使用它的组件中，我希望能够使用控件名称清除下拉列表：secondaryInstructorId。通过单击我插入到数组的 0 索引中的值或单击该值旁边的“x”按钮。

我想使用 angular 4 将我的布局与不同的组件分开。

顺便说一句，我使用https://edcarroll.github.io/ng2-semantic-ui/#/modules/sidebar

我分为 3 个组件：

1. 顶部导航的顶部栏
2. 侧边栏导航
3. 基础布局的基础

顶栏：

侧边栏：

根据 ：

因为我将它与不同的组件一起使用，所以侧边栏切换不起作用

请帮助我如何使这项工作

我希望我将它与不同的组件分开

谢谢

<sui-accordion-panel>应该在 IE11 中展开，但Object doesn't support property or method 'animate'错误却出现在 IE 控制台窗口中。

脚步

我将<sui-accordion>嵌套添加<sui-accordion-panel>到其中一个视图中。代码如下所示：

我创建的<app-file-uploader>不是问题——即使我从上面的代码中删除它，我对手风琴组件也有同样的问题。

预期结果

屏幕截图显示了 chrome Web 浏览器中的预期行为。

实际结果

扩展的东西在 IE11 中不起作用：

版本

这就是我的 package.json 的样子：

您是否知道可能出了什么问题，是否有解决此问题的方法？干杯

我希望能够在组件中的代码中设置 sui-select 元素中的选定值。在此处查看有关语义 sui-select 元素的文档：https ://edcarroll.github.io/ng2-semantic-ui/#/modules/select

我的桌子有一个过滤器功能。以前我正在使用suiDropdown它，它工作正常。

我想将其更改为多选，所以我使用了sui-multi-select. 但是为什么它显示“没有结果”？

suDropdown：

su-多选：

底线：suiDropdown显示categories但sui-multi-select仅显示“无结果”