小编Fel*_*ini的帖子

使用css缩小进行远程字体导入

我正在尝试连接和缩小所有bower包资产,包括css.其中一个是bootswatch设计,它导入谷歌字体.问题是,在其上运行css任务会导致超时异常.我猜它是试图下载这些字体,它需要太长时间,因为每次都不会发生异常.

我该如何解决它?

Gulp进口:

var gulpMinifyCss = require('gulp-minify-css');
var gulpConcatCss = require('gulp-concat-css');
var mainBowerFiles = require('main-bower-files');
var gulpFilter = require('gulp-filter');
Run Code Online (Sandbox Code Playgroud)

Gulp任务:

gulp.task('compileBowerCss', function(){
    return gulp
        .src(mainBowerFiles())
        .pipe(gulpFilter('*.css'))
        .pipe(gulpConcatCss('bower.css'))
        .pipe(gulpMinifyCss())
        .pipe(gulp.dest(assetsFolder + cssFolder));
});
Run Code Online (Sandbox Code Playgroud)

例外:

events.js:85
  throw er; // Unhandled 'error' event
        ^
Error: Broken @import declaration of "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" - timeout
Run Code Online (Sandbox Code Playgroud)

单独运行此任务,其他任何事情都无法正常工作(据我所知,通过极限测试),但与其他任务一起运行会导致提到的错误.

css google-font-api gulp gulp-minify-css gulp-clean-css

17
推荐指数
1
解决办法
4191
查看次数

ngOptions两级对象显示

我有这个结构:

model = [
{
  name: 'name1',
  items: [
    {
      name: 'subobj1'
    },
    {
      name: 'subobj2'
    }]
}, 
{
  name: 'name2',
  items: [
    {
      name: 'subobj1'
    },
    {
      name: 'subobj2'
    }]
}, 
    .... 
]
Run Code Online (Sandbox Code Playgroud)

问题是:如何编写ngOptions attrbiute来输出这个对象?:

<select>
    <optgroup label="name1">
      <label>subobj1</label>
      <label>subobj2></label>
    </optgroup>
    ....
</group>
Run Code Online (Sandbox Code Playgroud)

此外 - ngRepeat不是一个选项.我必须单独使用ngOptions才能使用插件.

html javascript angularjs ng-options

6
推荐指数
1
解决办法
2781
查看次数