Как передать значение в Директиву?

Question

Как передать значение в Директиву?

0

У меня есть директива:

@Directive({
  selector: 'random'
})
export class RandomDirective {
  @Input text: string;
}

Могу ли я передать text значения в Директиву?

<div random></div>

благодаря

Hongbo Miao 03 июнь 2016, в 02:28

Источник

Теги:

angular

typescript

2 ответа

3

Plunker - контрольная консоль.

import {Component, Directive, Input} from 'angular2/core'

@Directive({
    selector: '[random]'
})
export class RandomDirective implements OnChanges {

  @Input() text:string;

   ngOnChanges(...args: any[]) {
        console.log('onChange fired');
        console.log(args[0].text)
    }
}



@Component({
  selector: 'my-app', 
  providers: [],
  template: '

    <p random  [text]="value"></p>
  ',
  directives: [RandomDirective]
})

export class App {
  value:string="micronyks";  
}

micronyks 03 июнь 2016, в 00:31

0

спасибо, и вы, и его правы!
Hongbo Miao 03 июнь 2016, в 03:34

Ещё вопросы

Kayo Lima · Accepted Answer · 2016-06-02T22-42-00.000Z

Попробуй это:

<div random [text]="'sometext'"></div>

Директива:

@Directive({
  selector: '[random]',
  host: {
    '(mouseenter)': 'onMouseEnter()', //just for test
  }
})
export class RandomDirective {

  @Input() text: string;

  //method for test
  onMouseEnter() {
   console.log(this.text);
  }
}