Support overriding selectors of directives on import.

It should be possible to override the selector of a component on import.

@Decorator({
  selector: 'some-selector'
})
class Directive {}

@Component(...)
@Template({
  directives: [
    new DirectiveBinding({key: Directive, selector: 'other-selector')
  ]
})

PROBLEMS

• this would make it hard to know all selectors statically, as it requires execution of code to know what the selector is.

[mhevery]

Will not implement.

[PatrickJS]

why not something more declarative Directive.selectorAs('other-selector') or something like

@Component(...)
@Template({
  directives: [
    Directive.selectorAs('other-selector').templateUrlAs('other.html')
  ]
})
export class Cmp {
}

define overwrites in the prototype or

@Component(...)
@Template({
  directives: [
    Overwrite(Directive)
      .component({ selector: 'other-selector' })
      .template({ url: 'other.html' })
  ]
})
export class Cmp {
}

create a container but then the container needs to know the types of annotations so what if you can just annotate the container which will overwrite the Directive

@Component(...)
@Template({
  directives: [
    @Component({ selector: 'other-selector' })
    @Template({ url: 'other.html' })
    Overwrite(Directive)
  ]
})
export class Cmp {
}

I’m not even sure if that’s possible or even if that is something people want since it’s even more code but its pretty simple to reason about why that works perhaps.

Should there be a way to define a suite of directives? or at least best practice

import {Component, Template, directivePrefixer} from 'angular2/angular2';
import {button} from 'material-directives/suite';
// prefix helper in suite or angular itself
import * as ngMaterial, {prefix} from 'material-directives/suite';

@Component(...)
@Template({
  directives: [
    prefix('ng', ngMaterial) // or built in helper from ng2 as directivePrefixer
  ]
})
export class Cmp {
}