小编Chr*_*ovs的帖子

我希望有人可以帮助解决这个问题.我想修改角度通用注入每个组件的样式的方式.有没有人知道如何扩展渲染器通过执行api请求从其他地方获取样式表.我只需要一个关于渲染器示例和api请求的示例,我想我可能会弄清楚自己.

我正在看这个旧的. https://github.com/ralfstx/angular2-renderer-example/blob/master/src/custom-renderer.ts

import {
    Injectable,
    Renderer,
    RootRenderer,
    RenderComponentType
} from '@angular/core';

export class Element {
    constructor(private nodeName: string, private parent?: Element) {

    }
    toString() {
        return '<' + this.nodeName + '>';
    }
};

@Injectable()
export class CustomRootRenderer extends RootRenderer {
    private _registeredComponents: Map<string, CustomRenderer> = new Map<string, CustomRenderer>();

    renderComponent(componentProto: RenderComponentType): Renderer {
        var renderer = this._registeredComponents.get(componentProto.id);
        if (!renderer) {
            renderer = new CustomRenderer(this);
            this._registeredComponents.set(componentProto.id, renderer);
        }
        return renderer;
    }
}

@Injectable()
export class CustomRenderer extends Renderer {

    constructor(private _rootRenderer: …

我能够从contenteditableModel指令发出一个事件,但我无法接收数据'@Input('contenteditableModel')模型:any;' 我一直都没有定义.

contenteditableModelChange工作正常,但不是contenteditableModel

我更新数据的方法是更新this.elementRef.nativeElement.textContent,因为我无法弄清楚如何使用[innerHTML]

该指令基于此人员代码:但是为角度2.0重建.

export class pageContent{
    <p
 contenteditable="true"

(contenteditableModelChange)="runthis($event)"
[contenteditableModel]="text"


></p>

    public text:any = 'ddddd';
    constructor(){}
    runthis(ev){
        this.text  = ev
            console.log('updated done ev', ev)
            console.log('text now should be ', this.text)
    }

}

    import {Directive, ElementRef, Input, Output, EventEmitter, OnChanges} from "@angular/core";

    @Directive({
        selector: '[contenteditableModel]',
        host: {
            '(blur)': 'onEdit()',
            '(keyup)': 'onEdit()'
        }
    })

    export class ContentEditableDirective implements OnChanges {
        @Input('contenteditableModel') model: any;
        @Output('contenteditableModelChange') update = new EventEmitter();

        constructor(
            private elementRef: ElementRef
        ) {
            console.log('ContentEditableDirective.constructor');
        }

        ngOnChanges(changes) …

试图围绕创建一个具有状态mgmt Ngrx的角度节点模块.

我一直在使用本指南构建节点模块:https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

目前坚持引入ngrx子状态,所以当我从NPM我的模块下载时,我可以某种方式定义为我的主应用程序状态mgmt的一部分.

据我了解,我可以以某种方式做到这一点,使用/设置ModuleWithProviders

我查看了所有内容,无法理解如何将@ angular/core降级到2.4.8

我安装了@ angular/cli版本1.0.0-rc.0,因为1.0.0-rc.1是错误的.现在想降级核心,因为它还有我似乎可以解决的错误.

这是ng -v

Chriss-iMac:dragNdrop-ng2.4.9.1 christarasovs$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/ …

我有一个对象,我想返回两个值并将它们映射到一个对象.

宾语

Itemlist:[
{name: 'Chicken', searchParam: 'chicken', search: true},
{name: 'table', searchParam: 'table', search: false},
{name: 'books', searchParam: 'books', search: true}]

想从Itemlist searchParam返回并搜索并映射到一个结果将是的对象:

{chicken: true},{table: false},{books: true},

所以回归会是这样的

{ Itemlist[0].searchParam :Itemlist[0].search }