bootstrap-4 - NgBootstrap 评分渲染屏幕阅读器元素
问题描述
我正在尝试在我的项目中使用 NgBootstrap 评级系统。我遇到的问题是评级系统正在渲染屏幕阅读器元素(见上图)。
标记在我的组件中看起来像这样
<ngb-rating [rate]="3"></ngb-rating>
它呈现这样
我正在使用引导程序 4 和 Angular 6。
包.json
{
"name": "fancy-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@agm/core": "^1.0.0-beta.3",
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"@ng-bootstrap/ng-bootstrap": "^2.1.2",
"@types/googlemaps": "^3.30.10",
"angular2-google-map-auto-complete": "^2.0.9",
"bootstrap": "^4.1.1",
"core-js": "^2.5.4",
"lodash": "^4.17.10",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular/compiler-cli": "^6.0.3",
"@angular-devkit/build-angular": "~0.6.8",
"typescript": "~2.7.2",
"@angular/cli": "~6.0.8",
"@angular/language-service": "^6.0.3",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.0",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.3.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1"
}
}
我可以做些什么来确保屏幕阅读器元素不呈现?
解决方案
推荐阅读
- javascript - 为 HTML5 视频选择随机来源
- json - Angular6 错误:我从 api 获取的数据是字符串格式,下面是响应图像
- javascript - 如何将另一个组件的值填充到 redux 表单中?
- java - 这里指的是什么变量?
- python - 根据 str 中包含的关键字为 str 系列创建标签
- java - Java 错误';' 预计找不到问题
- c# - 将数据文件转换为 Employee 类的数组
- ios - Mac Simulator (Xcode) 等待启动命令
- macos - 终端中 ssh 主机的 mac 自动完成功能
- php - 如何使用 PHP 和 OracleSQL 将多列合并为一列,使其循环但按具有重复 ID 的行划分?