RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 563448
Accepted
Kostiantyn Okhotnyk
Kostiantyn Okhotnyk
Asked:2020-09-06 21:52:25 +0000 UTC2020-09-06 21:52:25 +0000 UTC 2020-09-06 21:52:25 +0000 UTC

angular2中的模板覆盖

  • 772

你能告诉我如何覆盖 angular2 模板吗?有一个选择框模块 ng2-select。在这个模块中,您需要更改模板:添加一个自定义滚动条(ng2-slimscroll),稍微更改一下布局。问题是如何在angular2中实现这个?现在组件看起来像这样:

import {  Component } from '@angular/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass} from '@angular/common';

import {BUTTON_DIRECTIVES } from 'ng2-bootstrap/ng2-bootstrap';
import {SELECT_DIRECTIVES } from 'ng2-select/ng2-select';

import {BaseComponent} from '../base/base.component';


@Component({
selector: 'content',
templateUrl: 'app/admin/generation/generation.component.html',
directives: [SELECT_DIRECTIVES],
styleUrls: ['../../node_modules/ng2-select/components/css/ng2-select.css']
})

export class GenerationComponent  {

public items:Array<string> = ['Amsterdam', 'Antwerp', 'Athens', 'Barcelona',
    'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
    'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin',
    'Düsseldorf', 'Essen', 'Frankfurt', 'Genoa', 'Glasgow', 'Gothenburg',
    'Hamburg', 'Hannover', 'Helsinki', 'Kraków', 'Leeds', 'Leipzig', 'Lisbon',
    'London', 'Madrid', 'Manchester', 'Marseille', 'Milan', 'Munich', 'Málaga',
    'Naples', 'Palermo', 'Paris', 'Poznań', 'Prague', 'Riga', 'Rome',
    'Rotterdam', 'Seville', 'Sheffield', 'Sofia', 'Stockholm', 'Stuttgart',
    'The Hague', 'Turin', 'Valencia', 'Vienna', 'Vilnius', 'Warsaw', 'Wrocław',
    'Zagreb', 'Zaragoza', 'Łódź'];

private value:any = {};
private _disabledV:string = '0';
private disabled:boolean = false;

private get disabledV():string {
    return this._disabledV;
}

private set disabledV(value:string) {
    this._disabledV = value;
    this.disabled = this._disabledV === '1';
}

public selected(value:any):void {
    console.log('Selected value is: ', value);
}

public removed(value:any):void {
    console.log('Removed value is: ', value);
}

public typed(value:any):void {
    console.log('New search input: ', value);
}

public refreshValue(value:any):void {
    this.value = value;
}

}

наследование
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    Serge Markov
    2020-09-07T00:19:34Z2020-09-07T00:19:34Z

    这在默认情况下是不支持的,但是有一些装饰器可以让你覆盖父装饰器的一些字段:

    @WjComponent 装饰器

    答案是:Wijmo 为 Angular 2 模块提供的 @WjComponent 装饰器。它的使用方式与标准的@Component 装饰器相同,并接受所有@Component 装饰器的属性(加上一些 Wijmo 特有的),但它的主要好处是它将其属性值与基类提供的属性合并装潢师

    http://wijmo.com/blog/using-class-inheritance-to-create-a-custom-component-in-angular-2/

    • 3

相关问题

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    如何停止编写糟糕的代码?

    • 3 个回答
  • Marko Smith

    onCreateView 方法重构

    • 1 个回答
  • Marko Smith

    通用还是非通用

    • 2 个回答
  • Marko Smith

    如何访问 jQuery 中的列

    • 1 个回答
  • Marko Smith

    *.tga 文件的组重命名(3620 个)

    • 1 个回答
  • Marko Smith

    内存分配列表C#

    • 1 个回答
  • Marko Smith

    常规赛适度贪婪

    • 1 个回答
  • Marko Smith

    如何制作自己的自动完成/自动更正?

    • 1 个回答
  • Marko Smith

    选择斐波那契数列

    • 2 个回答
  • Marko Smith

    所有 API 版本中的通用权限代码

    • 2 个回答
  • Martin Hope
    jfs *(星号)和 ** 双星号在 Python 中是什么意思? 2020-11-23 05:07:40 +0000 UTC
  • Martin Hope
    hwak 哪个孩子调用了父母的静态方法?还是不可能完成的任务? 2020-11-18 16:30:55 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    user207618 Codegolf——组合选择算法的实现 2020-10-23 18:46:29 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    Arch ArrayList 与 LinkedList 的区别? 2020-09-20 02:42:49 +0000 UTC
  • Martin Hope
    iluxa1810 哪个更正确使用:if () 或 try-catch? 2020-08-23 18:56:13 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5