Question

我有一个Angular应用程序，包含一个HTML页面，一个路由到该页面的视图，以及一个我想要添加到路由视图的指令的模板。

index.html页面使用ngRoute罚款显示视图。我正在尝试使用角度图表和正在路由的视图，但我无法显示图表。要路由的html页面的代码是：

    <!DOCTYPE html>

<html lang="en">
    <head>
    ...
    </head>
    <body>
        ---Some Code----
        <div create-chart></div>
    </body>
</html>

＆＃34;创建图表＆＃34; element指的是在单独的html模板中创建图表的指令。

构造指令的代码是：

var app = angular.module('penny', ['ngRoute', 'pennyControllers']);
app.config(['$routeProvider', ...

var chart = angular.module('chart', ['chart.js']);
  app.directive('createChart', function () {
    return {
        restrict: 'E',
        templateUrl: '../chart/chart.html'
    };
  });

有谁知道为什么图表不会显示？

Answer 1

＆＃34; A＆＃34;是属性，＆＃34; E＆＃34;是元素。由于您是从属性调用指令，因此请使用以下命令：

restrict: 'A'

Answer 2

在您的代码中，您设置了限制：'E'

这可能不是原因，但'E'是元素。

有了这个你应该使用

<create-chart></create-chart>

首先尝试限制：'A'使用<div create-chart></div>

角度指令和路由

2 个答案: