【问题标题】:AngularJS Element Directive Not rendering on the HTMLAngularJS 元素指令不在 HTML 上呈现
【发布时间】:2019-11-22 11:35:20
【问题描述】:

我的 AngularJS 指令不起作用,谁能告诉我我的代码有什么问题。 我过去创建了指令,但我的代码不再工作了

这是我的 Plunkr https://plnkr.co/edit/Tf9h4b05bSyueALVSmW8?p=preview

这是对的吧?

app.directive('ChartHorizontal', function() {
  var directive = {};
  directive.restrict = 'E';
  directive.template = '<h3>Hello Ji</h3>';

  return directive;
});

在 HTML 中我们会做 &lt;chart-horizontal&gt;&lt;/chart-horizontal&gt; 我们需要控制器吗? 如果是的话,我已经在我的项目的控制器中做了。

谢谢

【问题讨论】:

    标签: javascript angularjs angularjs-directive


    【解决方案1】:

    在这个 DEMO 中运行良好:

    angular.module("app",[]).directive('chartHorizontal', function() {
      var directive = {};
      directive.restrict = 'E';
      directive.template = '<h3>Hello Ji</h3>';
    
      return directive;
    });
    <script src="//unpkg.com/angular/angular.js"></script>
    <body ng-app="app">
       <chart-horizontal></chart-horizontal>
    </body>

    【讨论】:

    • 谢谢,我不知道是什么问题。我将您的代码复制粘贴到 plunkr 中,它起作用了。所以我拿了你的代码并在我的项目中实现。我认为您的 Angular 库是原因。我不确定,因为我正在导入的库也适用于我的其他项目。
    猜你喜欢
    • 2015-02-02
    • 1970-01-01
    • 2017-01-03
    • 2018-08-14
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多