Задать вопрос

Malkolm

Ответы пользователя по тегу Angular

  • Как заставить работать ng2-codemirror в Angular 2 (using webpack)?

    @Malkolm163 Автор вопроса
    мда. сделал доступным codemirror из import 'codemirror' при помощи npm install @types/codemirror
    осталась последняя проблемка.
    Это сделать доступным mode/javascript/javascript.js
    Пока что добавление его в angular-cli.json в раздел scripts приводит только к ошибке:
    ReferenceError: CodeMirror is not defined
    видимо файл запускается раньше инициалзации самого codemirror'а
    а там кстати нечто вроде 
    (function(mod){
 . . . 
})(function(CodeMirror){ . . . })

    то есть самовызывающаяся функция и вызывается она когда codemirror еще недоступен
    Ответ написан
    Комментировать
    Комментировать

  • Как в Angular 2 повесить анимацию на host?

    @Malkolm163 Автор вопроса
    пипец, оказалось все банальнее чем казалось сначала (просто почему то раньше не работало)

    просто в декораторе компонента надо написать
    host: {
    "[@state]":"visible?'expanded':'collapsed'"
  },

    и естественно сама анимация:
    animations: [
      trigger('state', [
          state('collapsed',  style({})),
          state('expanded',   style({})),
          transition('*<=>*', animate(300))
      ])
  ]
    Ответ написан
    Комментировать
    Комментировать

  • Как передать функцию в компонент Angular 2?

    @Malkolm163
    Ого как, .... а может есть способ решить проблему проще?
    Например у дочернего компонента эмитировать событие, а родительский компонент будет его отлавливать и запускать ту самую функцию, при необходимости и передать из потомка что то можно
    Ответ написан
    Комментировать
    Комментировать

  • Как передать значение из потомка родителю?

    @Malkolm163
    ага, а можно через @Output()
    Ответ написан
    Комментировать
    Комментировать

  • Как изменить css свойство у класса в angular2?

    @Malkolm163
    Нужно поменять значение в css файле? Или всего лишь прописать конкретному элементу конкретный стиль?
    С первым не помогу а вот второе просто.
    В разметке:
    <input type='color' [(ngModel)]='myColor' />
<div class='myElement' [ngStyle]='{backgroundColor: myColor}'>
....
</div>

    а в компоненте
    //...
myColor: string;
//...


    хотя можно еще проще вроде
    <input type='color' #myColor />
<div class='myElement' [ngStyle]='{backgroundColor: myColor.value}'>

    Надо потестить может заработает)))
    Ответ написан
    Комментировать
    Комментировать

  • Angular2. Как сделать "ленивую загрузку"?

    @Malkolm163 Автор вопроса
    а еще более точный ответ такой:
    При помощи роутера, с использованием
    loadChildren: 'path/to/module/'',
    а в экспортировать так
    export default class Some.Module{...}
    Ответ написан
    Комментировать
    Комментировать