Как получить компоненты Kendo ui угловые 2 для работы в .NET MVC5?

Я нахожусь на .NET MVC5 (Visual Studio 2015) с помощью Angular 2 и очень старался включить компоненты кендо-угловые 2, в частности, кендо-угловые кнопки для этого вопроса.Как получить компоненты Kendo ui угловые 2 для работы в .NET MVC5?

Я загрузил здесь - https://github.com/eithneh/KendoAngular2 - скелет угловой 2 раствор, который компилируется и работает, но перерывы, когда я раскомментировать

Import { ButtonsModule } from '@progress/kendo-angular-buttons';

в boot.ts.

Ошибок многочисленны, в основном вариации на ниже, и все в d.ts файлы

TS2300 Дубликата идентификатор «только для чтения» TS1005 «=» ожидается

Я пробовал много предложенных решений от подобных вопросы, в основном, о том, что вы делаете с текстовой версией и версиями @angular и исключаете в tsconfig.json (пытаясь предотвратить компиляцию файлов d.ts для онлайн-консультаций для подобных сценариев).

Моя начальная точка должна была следовать инструкциям здесь http://www.telerik.com/kendo-angular-ui/getting-started/ для создания углового проекта 2 с помощью углового cli (не .NET) с kendo ui, который отлично работал, и затем я скопировал соответствующие биты packages.json, tsconfig.json и app. ts оттуда.

Должен ли я отказаться от углового 2 пользовательского интерфейса Kendo в .NET MVC5? Может ли кто-нибудь сказать мне, что я делаю неправильно, или указать мне на любой примерный проект, который работает?

источник

2017-02-10 eithne

Я использовал этот http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/ и был в состоянии добавить KendoUI компонентов Angular2 довольно легко. Это MVC Core, а не MVC5, но, может быть, это может помочь? –

Спасибо @ Vincent, я следил за этим блогом и шаблоном, если он предоставит какие-либо указания. Но мой проект MVC 5 использует systemjs, тогда как проект MVC CORE использует webpack (для загрузки модуля), поэтому сравнивать его не так просто. Я думаю, что моя проблема связана с systemjs.config.js. Мне бы очень хотелось подтвердить, что компоненты Kendo UI с угловым 2 в .NET MVC 5 фактически поддерживаются, и я был бы очень благодарен за получение базового (полного) рабочего примера проекта MVC 5 с любым компонентом kendo angle 2. – eithne

Я не вижу причин, почему он будет неподдерживаться ... Он сделан из клиентских пакетов, поэтому он должен работать независимо от вашей серверной среды. Я согласен с тем, что это, скорее всего, проблема с упаковкой, но я много не знаю о SystemJS, так что не могу больше помочь ... –

Вы можете использовать пользовательский интерфейс Kendo для компонентов Angular 2 в приложении .Net MVC 5.

Предполагая, что вы используете systemjs,

Во-первых, в ваших systemjs.config.js карту зависимость @progress на пути соответствующих node_modules, а затем создать ссылку на пакет main.js файл.

например:

paths: { 
      'npm:': "node_modules/" 
     }, 
    map: { 
      ..., 
      '@progress/kendo-angular-buttons': "npm:@progress/kendo-angular-buttons", 
     }, 
packages: { 
      '@progress/kendo-angular-buttons': { 
       main: "./dist/npm/js/main.js", 
       defaultExtension: "js" 
      }

Импорта ButtonsModule в соответствующий угловой модуль например:

import {ButtonsModule} from "@progress/kendo-angular-buttons"; 

    @NgModule({ 
    imports: [ 
     ButtonsModule 
    ],

Теперь вы должны быть в состоянии осуществить кнопку кендо в вашем соответствующем шаблоне, при условии, что шаблоны компоненты объявляется правильно.

<button kendoButton (click)="onButtonClick()">Default</button>

источник

2017-03-08 16:29:14

Извинения за то, что я не оценил этот ответ, я оставил и ушел по-разному, но помните, чтобы попробовать, когда снова появится окно. – eithne

Как получить компоненты Kendo ui угловые 2 для работы в .NET MVC5?

ответ

Смежные вопросы