2016-09-13 1 views
0

Я использую Angular2 с Nodejs. У меня есть список сотрудников, каждый из которых содержит имя сотрудника, адрес, ранг и т. Д. Я хочу показать информацию, когда пользователь наводит указатель мыши на имя сотрудника. Для этого я пытаюсь использовать semantic-ui с угловым2, но я не могу найти ни одного примера, кроме (ниже ссылки), который не является описательным.Angular2 with Semantic 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/нг-семантической/нг-семантическим/ввод/input.d.ts (2,29), ошибка TS2307: Невозможно найти модуль '@ angular/forms'.

node_modules/ng-semantic/ng-semantic/search/search.d.ts (2,29): ошибка TS2307: Не удается найти модуль '@ angular/forms'.

кнопка только показывает на TestSemantic.html но нет всплывающих окон отображает

+0

Вопросы StackOverflow должны содержать код, демонстрирующий, что вы пытались и где вы не смогли. –

+0

Прости, я забыл. Код добавлен. –

+0

У вас есть модуль форм в вашем системном config? –

ответ

-1

Если удалить временно ngSemantic импорт, но вместо того, чтобы использовать import @angular/forms просто чтобы проверить, что работа импорта по крайней мере, для кода (кроме для ngSemantic).

Я также отмечаю, что ошибка находится в файле d.ts, который является файлом определения типа.

Если вы используете Webpack вы должны быть в состоянии перекомпилировать в комплекте JS из зависимостей внутри node_modules

Я использую ngSemantic с угловым 2 без проблем.

1

Заметьте, что это все еще актуально, но вы установили модуль угловых форм? ngSemantic зависит от него, поскольку он расширяет элементы управления формой.

Так что проверьте в package.json и node_modules, если у вас есть @angular/forms.

Основываясь на коде в ngSemantic, он должен автоматически устанавливать @ угловые/формы, но стоит проверить.