如何为角度2组件定义漂亮的jetbrains实时模板

时间:2016-08-14 01:03:28

标签: angular intellij-idea jetbrains-ide

我的Jetbrains IntelliJ上已有这个实时模板,用于快速创建角度2组件:

import { Component, OnInit } from '@angular/core';

@Component({
 moduleId: module.id,
 selector: '$selector$',
 templateUrl: '$name$.component.html'
})
export class $ComponentName$Component implements OnInit {
 constructor() { }

 ngOnInit() { }
$END$
}
但不幸的是,它还不够快。系统已经知道文件名(由用户定义),并且应该能够自动设置“templateUrl”,“selector”和“ClassName”的值。但是,尽管阅读了有关预定义函数here的实时模板文档,但我无法找到解决方案。

这是我脑海中最好的解决方案。但不幸的是,我必须键入$ nameonly $,尽管该名称已经在组件名称中:

import {Component} from '@angular/core';
import {MeteorComponent} from "angular2-meteor";
import template from './$name$.html';

@Component({
 selector: '$nameonly$',
 template
})
export class $uppername$Component extends MeteorComponent {
 constructor() {
 super(); 
 }
$END$
}

enter image description here

0 个答案:

没有答案