基本 jquery 小提琴到 Angular 指令

Basic jquery fiddle to Angular Directive

本文关键字：Angular 指令 小提琴 jquery 基本      更新时间：2023-09-26

这是我试图移植到Angular指令中的jQuery小提琴：http://jsfiddle.net/rhtr1w04/

这是我的应用.js

angular.module('app',[]).directive('angular-arc', function() {
  return {
    restrict: 'E',
    link: function(scope, element, attrs) {
      var renderer;
      renderer = new Highcharts.Renderer(
        $('angular-arc')[0],
        400,
        300
      );
      renderer.arc(200, 150, 100, 50, -Math.PI, 0).attr({
        fill: '#FCFFC5',
        stroke: 'black',
        'stroke-width': 1
      }).add();
    }
  };
})

和我的索引.html（包含应用程序.js和jquery的所有适当内容）

<!DOCTYPE html>
<HTML>
<HEAD>
  <script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
  <script src='app.js'></script>
</HEAD>
<BODY ng-app="app">
  <angular-arc />
</BODY>
</HTML>

但是，当然，它不会呈现。我是否正确使用了残疾歧视条例？我应该包括什么来制作此渲染？提前谢谢。

.directive('angularArc', function() ...

您需要遵循命名约定：骆驼箱变成骆驼壳

请参阅"匹配指令"

相关文章：