Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用AngularJS从自定义URL获取字体?_Javascript_Angularjs_Twitter Bootstrap_Angular Ui - Fatal编程技术网

Javascript 如何使用AngularJS从自定义URL获取字体?

Javascript 如何使用AngularJS从自定义URL获取字体?,javascript,angularjs,twitter-bootstrap,angular-ui,Javascript,Angularjs,Twitter Bootstrap,Angular Ui,我遵循这一点使用引导日期选择器 这是我的HTML标题: <!--jquery & jquery cookie--> <script src="/node_modules/jquery/dist/jquery.min.js"></script> <script src="/node_modules/jquery-cookie/jquery.cookie.js"></script> <!--b

我遵循这一点使用引导日期选择器

这是我的HTML标题:

    <!--jquery & jquery cookie-->
    <script src="/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="/node_modules/jquery-cookie/jquery.cookie.js"></script>

    <!--bootstrap-->
    <script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">

    <!--font-awesome-->
    <link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css">

    <!--summernote-->
    <link rel="stylesheet" href="/node_modules/summernote/dist/summernote.css">
    <link rel="stylesheet" href="/node_modules/summernote/dist/summernote-bs3.css">
    <script src="/node_modules/summernote/dist/summernote.min.js"></script>


    <!--angular-->
    <!--Note: for debugging purpose use non-minified angular, need to use angular.min.js for production-->
    <script src="/node_modules/angular/angular.js"></script>
    <!--<script src="/node_modules/angular/angular.min.js"></script>-->
    <script src="/node_modules/angular-resource/angular-resource.min.js"></script>
    <script src="/node_modules/angular-route/angular-route.min.js"></script>
    <script src="/node_modules/angular-sanitize/angular-sanitize.min.js"></script>

    <!--angular-summernote-->
    <script src="/node_modules/angular-summernote/dist/angular-summernote.min.js"></script>


    <!--angular-bootstrap-->
    <script src="/node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <link rel="stylesheet" href="/node_modules/angular-bootstrap/ui-bootstrap-csp.css">
我没有
public/font/bootstrap
文件夹,但我有一个指向
node\u模块/bootstrap
文件夹的静态路由器

如何在不移动文件夹的情况下使用它

我的文件夹结构:

/root
    /server
        /blog
    /client
        /blog
    /public
        /script
        /style
        /image
        /blog
    /node_modules
        /angular
        /bootstrap
        /etc

您可能没有复制过引导字体。某些第三方LIB假定字体存在于
/public

如果您使用的是gulp,那么这里有一个虚拟任务,可以将字体从
节点单元
复制到
公共

gulp.task('copy:font', function() {
    return gulp.src('/node_modules/bootstrap-sass/assets/fonts/**')
        .pipe(gulp.dest('/public/fonts'))
})

您能显示文件夹的结构吗?@AvraamMavridis已更新。字体文件位于node_modules/bootstrap/fontsUse bower下,用于安装东西,并使用.bowerrc文件设置安装目录
gulp.task('copy:font', function() {
    return gulp.src('/node_modules/bootstrap-sass/assets/fonts/**')
        .pipe(gulp.dest('/public/fonts'))
})