我正在使用 AngularJs ui-grid http://ui-grid.info/。
在实现时，我得到了一些你可以在单元格右上角的 img 中看到的东西，而不是下拉符号。
包含哪些文件来解决此错误？
问问题
18078 次
10 回答
37
于 2014-10-30T12:31:44.027 回答
6
请通过这种方式包含 ui-grid CSS 文件
<link rel="stylesheet" href="/release/ui-grid-unstable.css">
并从 Authors Tutorial 或 Api 中省略 script 标签
<script src="/release/ui-grid-unstable.css"></script>
于 2014-12-04T12:46:53.803 回答
4
我只想为使用 Grunt 并希望自动复制这些内容的人们添加这个答案（从 panciz 中逐字窃取）。这需要放在您的 Gruntfile.js 中：
copy: {
dist: {
files: [
...
//font di ui grid
{
expand: true,
flatten: true,
dest: 'dist/styles/',
src: ['bower_components/angular-ui-grid/ui-grid.ttf',
'bower_components/angular-ui-grid/ui-grid.woff',
'bower_components/angular-ui-grid/ui-grid.eot',
'bower_components/angular-ui-grid/ui-grid.svg'
]
}
]},
于 2016-09-15T02:46:53.150 回答
2
您可能还想查看最近添加的教程：http ://ui-grid.info/docs/#/tutorial/116_fonts_and_installation
这包括如何正确安装字体，以及一些故障排除。
于 2015-03-15T23:07:20.813 回答
1
解决问题的另一种方法是修改 CSS 类如下
.ui-grid-icon-down-dir:before {
content: '\25bc';
}
.ui-grid-icon-up-dir:before {
content: '\25b2';
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected:before{
content:'\2714' !important;
}
.ui-grid-all-selected:before{
content:'\2714' !important;
}
于 2016-08-17T11:42:54.073 回答
1
尝试包含在您的项目中：
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css">
<script src="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.js"></script>
于 2016-11-29T09:25:33.240 回答
0
如果使用，ui-grid - v4.6.6则需要放入文件夹。所以目录的结构将如下所示：ui-grid.ttfui-grid.wofffonts
ui-grid.min.css
fonts # <-- this is a folder
ui-grid.ttf # <-- in fonts folder
ui-grid.woff # <-- in fonts folder
于 2018-12-28T13:38:59.660 回答
0
添加此答案以希望使某人头疼。我遇到了这个问题，并完成了我能找到的所有步骤。但是，问题不在于文件位置等，我的问题是 .woff 文件已损坏。我将字体下载到我的本地机器并通过 ftp 将它们传送到服务器。不幸的是，服务器上的 .woff 最终处于错误状态并正在轰炸@font-face 声明。虽然这个特定问题没有提到任何控制台警告/错误，但它们将匹配通过将字体添加到 grunt/gulp/etc 解决的问题。
我不记得 Chrome 中的错误，但在 Firefox 中是：
可下载字体：被消毒剂拒绝
因此，如果您已经完成了所有工作并且似乎没有任何效果，请检查字体文件是否正确，因为我的 .woff FTP 失败并且导致相同的韩文字符等。
于 2022-01-05T15:33:34.057 回答
0
{ 扩展：true，cwd：'bower_components/angular-ui-grid'，src：['. eot'，' . svg'，'.ttf' ，'. woff']，dest：'<%= yeoman.dist %>/styles' } 将此代码添加到 grunt 文件的副本中：{ dist: {
于 2018-03-30T08:43:57.653 回答
0
如果您正在使用gulp，请添加此任务。
gulp.task('styles', function() {
// Copy font files needed for angular-ui-grid
gulp.src(['bower_components/angular-ui-grid/ui-grid.ttf',
'bower_components/angular-ui-grid/ui-grid.woff',
'bower_components/angular-ui-grid/ui-grid.eot',
'bower_components/angular-ui-grid/ui-grid.svg'
])
.pipe(gulp.dest('dist/styles/'))
// Other style tasks here
});
于 2016-09-20T14:38:19.703 回答