Как продлить угловой @input декоратор? - PullRequest
Новая
       14

Как продлить угловой @input декоратор?

0 голосов
/ 10 октября 2018

Я пытаюсь написать собственный декоратор свойств для расширения навыков углового @Input decorator.

Моя цель - получить свойство Localizable с помощью существующего селектора свойств.

. /decorators / my-decorators.ts 

import {Input} from '@angular/core';
export interface InputDefinition {localizable: boolean; selector: string; }
export function MyInput(inputDefinition: InputDefinition) {
    const ngInput = Input(inputDefinition.selector);
    return function (target: any, key: string) {
        if (inputDefinition.localizable === true) {
            console.log(`loclizable input ${inputDefinition.selector}`);
            // implement localization for property.
        }
      ngInput(target, key);
    };
}

. / my-component / mycomponent.ts 

import { Component, Input } from '@angular/core';
import { MyInput } from '../decorators/my-decorators';

@Component({
  selector: 'my-component',
  template: `<h1>{{myInput}}</h1>`
})
export class MyComponent {
  //define input property with custom decorator 
  @MyInput({selector: 'my-input', localizable: false})
  myInput = 'input default value';
}

. / app.component.html 

<div style="text-align:center">
  <my-component my-input="bound value"></my-component>
</div>

ng serve enter image description here

, кажется, отлично работает, но когда я запускаю его в режиме Prod ..

--ng serve --prod enter image description here

не имеет ошибок сборки или ошибки времени выполнения, но привязка свойств не работает в сборке prod.

Помогут любые предложения.

заранее спасибо 

ng -version


Angular CLI: 6.2.4
Node: 8.11.1
OS: win32 x64
Angular: 6.1.9
... animations, common, compiler, compiler-cli, core, elements
... forms, http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.8.4
@angular-devkit/build-angular     0.8.4
@angular-devkit/build-optimizer   0.8.4
@angular-devkit/build-webpack     0.8.4
@angular-devkit/core              0.8.4
@angular-devkit/schematics        0.8.4
@angular/cli                      6.2.4
@ngtools/webpack                  6.2.4
@schematics/angular               0.8.4
@schematics/update                0.8.4
rxjs                              6.2.2
typescript                        2.9.2
webpack                           4.20.2
...