[英]kebab-case in angular 2 selectors (tslint)
這是我的tslint.json
文件:
{
"rulesDirectory": [
"node_modules/codelyzer"
],
"rules": {
"class-name": true,
"comment-format": [
true,
"check-space"
],
"curly": true,
"eofline": true,
"forin": false,
"indent": [
true,
"spaces"
],
"label-position": true,
"label-undefined": true,
"max-line-length": [
true,
140
],
"member-access": false,
"member-ordering": [
true,
"static-before-instance",
"variables-before-functions"
],
"no-arg": true,
"no-bitwise": true,
"no-console": [
true,
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-construct": true,
"no-debugger": true,
"no-duplicate-key": true,
"no-duplicate-variable": true,
"no-empty": false,
"no-eval": true,
"no-inferrable-types": true,
"no-shadowed-variable": true,
"no-string-literal": false,
"no-switch-case-fall-through": true,
"no-trailing-whitespace": false,
"no-unused-expression": true,
"no-unused-variable": true,
"no-unreachable": true,
"no-use-before-declare": true,
"no-var-keyword": true,
"object-literal-sort-keys": false,
"one-line": [
true,
"check-open-brace",
"check-catch",
"check-else",
"check-whitespace"
],
"quotemark": [
true,
"single"
],
"radix": true,
"semicolon": [
"always"
],
"triple-equals": [
true,
"allow-null-check"
],
"typedef-whitespace": [
true,
{
"call-signature": "nospace",
"index-signature": "nospace",
"parameter": "nospace",
"property-declaration": "nospace",
"variable-declaration": "nospace"
}
],
"variable-name": false,
"whitespace": [
true,
"check-branch",
"check-decl",
"check-operator",
"check-separator",
"check-type"
],
"directive-selector-prefix": [false, "app"],
"component-selector-prefix": [false, "app"],
"directive-selector-name": [true, "camelCase"],
"component-selector-name": [false, "kebab-case"],
"directive-selector-type": [true, "attribute"],
"component-selector-type": [true, "element"],
"use-input-property-decorator": true,
"use-output-property-decorator": true,
"use-host-property-decorator": true,
"no-input-rename": true,
"no-output-rename": true,
"use-life-cycle-interface": true,
"use-pipe-transform-interface": true,
"component-class-suffix": true,
"directive-class-suffix": true
}
}
我已經將組件選擇器名稱設置為kebab-case。 運行lint時,我的組件中出現一堆錯誤,它們表示...組件“ AdminComponent”的選擇器應命名為kebab-case。
但是,當我轉到組件定義時,它是這樣的:
@Component({
selector: 'admin',
templateUrl: 'admin.component.html',
styleUrls: ['admin.component.css'],
providers: []
})
選擇器只有一個單詞,不需要烤肉串選擇器...我該如何解決?
不知道如何防止這種警告,但是對於官方的Angular Styleguide,您應該使用自己的前綴作為選擇器名稱:
https://angular.io/styleguide#02-07
不要為組件選擇器使用自定義前綴。 例如,前綴toh代表《英雄之旅》,前綴admin代表管理功能區域。
為什么? 防止元素名稱與其他應用程序中的組件以及本機HTML元素沖突。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.