2016-08-30 2 views
1

У меня есть шаблон в HTML и CSS и Javascript. Я разделяю HTML и CSS на компоненты, но я не могу использовать javascript для углового.Преобразование HTML JavaScript-шаблон в угловой 2

В этом шаблоне много javascript внизу тела. и дизайнер предположил, что в этот момент весь вид загружен полностью. но этого не произошло. Как принять его с угловым?

Например, мой дизайнер задает все выпадающие события, но внизу тела, ни одного выпадающего меню не существует.

+0

Пожалуйста, разместите код, демонстрирующий, что вы пытаетесь выполнить. Для меня совершенно непонятно, о чем идет речь. –

+1

@ GünterZöchbauer Я объясняю свою цель – rezachess

+0

Это не помогло. Обсуждение дешево. Покажите мне код. (Линус Торвальдс) https://en.wikiquote.org/wiki/Linus_Torvalds#2000-04 –

ответ

2

Если вы правильно понимаете, ваш javascript загружается, прежде чем ваша DOM завершит рендеринг элементов, которые вы пытаетесь изменить. Поскольку у меня нет вашего исходного кода, если это действительно проблема, вы должны посмотреть на крючки с уклоном 2.

https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

Я хотел бы попробовать положить это в верхней части файла

import {AfterContentInit} 

добавляя это к вашему классу декларации

implements AfterContentInit 

, а затем работает ваш JavaScript внутри этой функции

ngAfterContentInit() 
{ 
// your javascript here 
} 
+1

Да точно вправо. но проблема в том, что javascript-код слишком много, и я не могу использовать javascript в машинописном тексте. – rezachess

+0

машинописный текст - это просто синтаксис, когда вы используете angular2, почти все шаблоны и js обрабатываются через транспилер, который преобразует его в javascript. Теперь, когда вы говорите, что код «слишком много», вы имеете в виду не такой объем кода? код замедляет ваше приложение? Ограничений на размер файла не существует. но вы не можете использовать встроенный javascript в шаблоне angular2. Он должен быть частью экспортируемого класса. Если вам нужно передать большое количество js в ваше приложение для глобального использования. Подобно js-плагину, вы можете использовать тег script в ur index.html. вы также можете импортировать внешний js –

+0

, как он сказал, его трудно определить вашу потребность, не видя кода, но это звучит как проблема, которую можно легко решить, поставив js в нужное место. Если вам нужна ссылка, официальный сайт показывает вам, как использовать JS, используя TypeScript для всех своих примеров –

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