Как использовать Angular-nvd3 в проекте Angular JS?
Итак, я наткнулся на это на Angular-nvd3 на Github. В соответствии с требованиями моего проекта это то, что мне нужно прямо сейчас. Но поскольку я только начал изучать Angular JS, я не могу понять, как использовать nvd3 в проекте angular js. Особенно базовая часть использования, где мне нужно ввести директиву nvd3 в модуль angular. Я хочу показать разные диаграммы в разных компонентах. Кто-нибудь может объяснить шаги после раздела «Установка». Также, если есть какой-либо проект Angular JS, в котором он использовал nvd3, предоставление ссылки на этот проект также будет большим подспорьем. Как показано на рисунке ниже, я хочу показать гистограмму в компоненте ghbar. Итак, чтобы добиться этого, где мне ввести зависимость для nvd3? И у меня есть несколько других компонентов, которые также будут отображать различные другие диаграммы. Спасибо
Ответы 1
Вам нужно добавить зависимость от nvd3 в свой модуль. Вы не предоставили никакого кода, поэтому я не вижу, что вы пробовали. Из документации, которую вы связали, есть пример:
angular.module('myApp', ['nvd3']) // <-- this line here
.controller('myCtrl', function('$scope'){
/* code */
})
После внедрения библиотеки вы сможете получить доступ к директивам в вашем HTML. Надеюсь, это поможет.
@AlapanBag Вы можете сделать то же самое. Если вам нужен только один компонент, то вводите его туда. В противном случае, чтобы он был доступен в вашем приложении, введите его в основной app.module.ts.
Вот где я столкнулся с проблемой. Я только новичок и не знаю, как внедрить зависимость. Стоит ли писать этот фрагмент кода в app.module.ts? или файл ts отдельного компонента?