Css и Javascript не работают в компоненте Angular 6
У меня есть два разных шаблона (разные css и javascript). Один для личной страницы и один для тодолиста. Я пытаюсь добавить css и в компонент. Но это не работает, и я перемещаю css и javascript в index.html, после чего он работает. Однако в то же время мой веб-сайт наследует два вида css.
Я хочу импортировать javascript или css в локальный компонент. Как это сделать? Спасибо, Радость
Вам необходимо настроить интерфейс командной строки для создания двух проектов. Тогда у каждого проекта есть свой список активов.
Какая инкапсуляция у вас есть в этом компоненте? (ViewEncapsulation)
Вам может потребоваться добавить файлы angular.json (styles), если вы используете angular-cli. он будет работать во всех ваших компонентах. нет необходимости добавлять весь ваш компонент или index.html. github.com/angular/angular-cli/wiki/stories-global-styles
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Если вы вставите код в компонент вместе со структурой папок, это будет здорово.
В основном проверьте в @Component, имеет ли свойство stylesUrl правильный URL-адрес вашего файла CSS.
Вы можете передать путь к файлу css вашего отдельного компонента в свойстве styleUrls декоратора @Компонент.
@Component({
selector: 'app-personal-page',
templateUrl: './personal-page.component.html',
styleUrls: ['./personal-page.component.css'],
})
Он будет реализовывать стиль файла "personal-page.component.css" только для компонента личной страницы.
Код Javascript (машинописный текст), который вы помещаете в конструктор класса
component.ts. И CSS вы связываете с ним в декораторе@Component({ ... })того же класса со свойствомstyleUrls. Можете ли вы поделиться своим кодом класса?