Question

我尝试使用此代码包含css文件：

HTML code：

<html ng-app="a">
    <head>
         <cssA></cssA>
    </head>
    <body><script src="app.js"></script></body>
</html>

AngularJS

(function () {
    'use strict';

    var app = angular.module('a', []),

    app
        .directive("cssA", function () {
            return {
                restrict: 'E',
                templateUrl: "multiple-css.html"
            };
        });
}());

多css.html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https:/maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

我如何请包含该html文件？

Answer 1

指令名称已归一化。

在HTML中，它们应该是脊柱式的：

<html ng-app="a">
    <head>
         <css-a></css-a>
    </head>
    <body><script src="app.js"></script></body>
</html>

在JS中，他们是驼峰式的：

app.directive("cssA", function () {
        return {
            restrict: 'E',
            templateUrl: "multiple-css.html"
        };
 });

如何正确包含html文件

1 个答案: