mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
46b212706b
This contains major changes to the compiler, bootstrap of the platforms and test environment initialization. Main part of #10043 Closes #10164 BREAKING CHANGE: - Semantics and name of `@AppModule` (now `@NgModule`) changed quite a bit. This is actually not breaking as `@AppModules` were not part of rc.4. We will have detailed docs on `@NgModule` separately. - `coreLoadAndBootstrap` and `coreBootstrap` can't be used any more (without migration support). Use `bootstrapModule` / `bootstrapModuleFactory` instead. - All Components listed in routes have to be part of the `declarations` of an NgModule. Either directly on the bootstrap module / lazy loaded module, or in an NgModule imported by them.
70 lines
2 KiB
TypeScript
70 lines
2 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {LowerCasePipe, NgIf} from '@angular/common';
|
|
import {ANALYZE_FOR_PRECOMPILE, Component, ComponentFactoryResolver, Directive, Inject, Injectable, Input, NgModule, OpaqueToken, Pipe} from '@angular/core';
|
|
import {BrowserModule} from '@angular/platform-browser';
|
|
|
|
@Injectable()
|
|
export class SomeService {
|
|
public prop = 'someValue';
|
|
}
|
|
|
|
@Injectable()
|
|
export class ServiceUsingLibModule {
|
|
}
|
|
|
|
@Directive({selector: '[someDir]', host: {'[title]': 'someDir'}})
|
|
export class SomeDirectiveInRootModule {
|
|
@Input()
|
|
someDir: string;
|
|
}
|
|
|
|
@Directive({selector: '[someDir]', host: {'[title]': 'someDir'}})
|
|
export class SomeDirectiveInLibModule {
|
|
@Input()
|
|
someDir: string;
|
|
}
|
|
|
|
@Pipe({name: 'somePipe'})
|
|
export class SomePipeInRootModule {
|
|
transform(value: string): any { return `transformed ${value}`; }
|
|
}
|
|
|
|
@Pipe({name: 'somePipe'})
|
|
export class SomePipeInLibModule {
|
|
transform(value: string): any { return `transformed ${value}`; }
|
|
}
|
|
|
|
@Component({selector: 'comp', template: `<div [someDir]="'someValue' | somePipe"></div>`})
|
|
export class CompUsingRootModuleDirectiveAndPipe {
|
|
}
|
|
|
|
@Component({selector: 'comp', template: `<div [someDir]="'someValue' | somePipe"></div>`})
|
|
export class CompUsingLibModuleDirectiveAndPipe {
|
|
}
|
|
|
|
export const SOME_TOKEN = new OpaqueToken('someToken');
|
|
|
|
export function provideValueWithPrecompile(value: any) {
|
|
return [
|
|
{provide: SOME_TOKEN, useValue: value},
|
|
{provide: ANALYZE_FOR_PRECOMPILE, useValue: value, multi: true},
|
|
];
|
|
}
|
|
|
|
@NgModule({
|
|
declarations: [SomeDirectiveInLibModule, SomePipeInLibModule, CompUsingLibModuleDirectiveAndPipe],
|
|
precompile: [CompUsingLibModuleDirectiveAndPipe],
|
|
providers: [
|
|
ServiceUsingLibModule,
|
|
provideValueWithPrecompile([{a: 'b', component: CompUsingLibModuleDirectiveAndPipe}])
|
|
],
|
|
})
|
|
export class SomeLibModule {
|
|
}
|