Squeak.ru - шаблоны программирования

Не удается создать экземпляр угловой диаграммы Ганта в шаблоне meanjs

Я относительно новичок в стеке средств и пытаюсь включить в проект угловую диаграмму Ганта. я выполнил все шаги в соответствии с документацией на github, но я продолжаю получать некоторые ошибки. Вот краткий обзор шагов, которые я предпринял.

  1. Установите угловую диаграмму Ганта, используя

    Bower установить angular-gantt --save

  2. Я подключаю зависимости, используя:

    ворчание

  3. Я добавил актив/angular-gantt.js и актив/gant.css в файл config/env/all.js, сгенерированный yo meanjs.

  4. Я включаю модуль Ганта в свои модули приложения Angular в файле public/config.js.

5. Я также запустил grunt в папке angular-gantt для создания angular-gantt.min.js и angular-gantt.js, которые, как я понял, также включали angular-gantt.js.map и angular-gantt.min.js.map.

  1. Затем я включил директиву в свой html

  2. Наконец я включил операции в свой контроллер...

Но я продолжаю получать следующие ошибки

 TypeError: undefined is not a function
at new controller (http://localhost:3000/lib/angular-gantt/assets/angular-gantt.js:143:43)
at Object.invoke (http://localhost:3000/lib/angular/angular.js:4118:17)
at extend.instance (http://localhost:3000/lib/angular/angular.js:8312:21)
at http://localhost:3000/lib/angular/angular.js:7564:13
at forEach (http://localhost:3000/lib/angular/angular.js:347:20)
at nodeLinkFn (http://localhost:3000/lib/angular/angular.js:7563:11)
at http://localhost:3000/lib/angular/angular.js:7824:13
at processQueue (http://localhost:3000/lib/angular/angular.js:12901:27)
at http://localhost:3000/lib/angular/angular.js:12917:27
at Scope.$eval (http://localhost:3000/lib/angular/angular.js:14110:28)

а также

Error: [$compile:multidir] Multiple directives [ganttTaskProgress, progress] asking for template          on: <div class="gantt-task-progress" ng-style="getCss()" ng-class="progress.classes" ng-    if="task.progress !== undefined" progress="task.progress"> http://errors.angularjs.org/1.3.1/$compile/multidir?p0=ganttTaskProgress&p1…task.progress%20!%3D%3D%20undefined%22%20progress%3D%22task.progress%22%3E
at http://localhost:3000/lib/angular/angular.js:80:12
04.11.2014

Ответы:


1

Я могу решить вашу вторую ошибку. У Gant есть директива под названием «ganttTaskProgress», которая имеет атрибут под названием «прогресс». Bootstrap имеет директиву под названием «прогресс», которая соответствует атрибутам. Поэтому Angular выдает ошибку, так как не может применить оба шаблона к элементу. Если вы не используете начальную загрузку, выполните поиск в своих библиотеках и посмотрите, есть ли директива с именем «прогресс», затем измените ее имя или закомментируйте.

19.11.2014
  • Привет, я автор angular-gantt. Об этой проблеме сообщалось, и теперь она исправлена. Мы добавили префикс Ганта к именам всех директив и сервисов, чтобы избежать подобных проблем. 01.12.2014
  • Новые материалы

    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...