如何将Morris JS与Angular JS结合使用？

Question

我是Angular JS的新手，希望有人能指出我如何用正确的方式使用Morris JS和Angular JS制作图表的正确方向。我读到，改变DOM元素通常是坏习惯，但使用Angular js指令。我如何实现这一点？谢谢。

Answer 1

您将为每个形状创建一个指令包装。这里有一个粗略的例子，

module.directive('morrisLine', function(){ 
    return { 
    restrict: 'EA', 
    template: '<div></div>', 
    scope: { 
     data: '=', //list of data object to use for graph 
     xkey: '=', 
     ykey: '=' 
    }, 
    link: function(scope,element,attrs){ 
     new Morris.Line({ 
      element: element, 
      data: scope.data, 
      xkey: scope.xkey, 
      ykey: scope.ykey 

     }); 
    } 
    }; 
}); 

你明白了，你可以使它变得复杂，因为你需要它。