Question

我正在使用Angular2和Nodejs。我有一个员工列表，每个员工都包含员工姓名，地址，等级等。我想在用户将鼠标悬停在员工姓名上时显示信息。为此，我尝试使用带有angular2的语义ui但我找不到除了（在链接下方）之外没有描述性的任何示例。

https://github.com/vladotesanovic/ngSemantic

Nodejs:
npm install ng-semantic --save
npm install jquery --save

Index.html
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css">

TestSemantic.ts
import {NgSemanticModule} from 'ng-semantic';

TestSemantic.html
<sm-button class="icon" sm-popup="Add users to your feed"><i class="add icon"></i></sm-button>

首先它显示了2个语义错误：

node_modules / ng-semantic / ng-semantic / input / input.d.ts（2,29），错误TS2307：找不到模块'@ angular / forms'。

node_modules / ng-semantic / ng-semantic / search / search.d.ts（2,29）：error TS2307：找不到模块'@ angular / forms'。

只有按钮显示在TestSemantic.html上，但没有弹出显示

Answer 1

请注意这是否仍然相关，但您是否安装了角度表单模块？ ngSemantic依赖于它，因为它扩展了表单控件。

如果您有@angular/forms，请检查package.json和node_modules。

根据ngSemantic中的代码，它应该自动安装@ angular / forms，但是值得检查。

Answer 2

如果暂时删除ngSemantic导入，请改用 import @angular/forms只是为了测试导入至少为您的代码工作（ngSemantic除外）。

我还注意到错误在d.ts文件中，这是一个打字定义文件。

如果您使用webpack，您应该能够从node_modules

中的依赖项重新编译捆绑的js

我使用角度为2的ngSemantic没有问题。

Angular2与语义UI无法正常工作

2 个答案: