Question

在圈子里跑步，我似乎无法将我需要做的事情拼凑在一起。

我想用以下语法编写一个指令：

<my-table data="(some json)">
    <my-column binding="json.property" header="Name" />
</mytable>

没什么好看的（但是，我必须首先克服这个驼峰）。接收JSON字符串，根据子指令创建表。任何人都可以把一个准系统的例子放在一起让我跑步吗？

谢谢！

Answer 1

我强烈建议您查看此网站：

http://www.sitepoint.com/practical-guide-angularjs-directives/

当我开始使用AngularJS时，它对我帮助很大，应该提供足够的说明。

Answer 2

如果你想构建一个简单的表，那么这样就足以让你开始了：

https://jsfiddle.net/edbrepzu/

角：

// controller
function Controller($location) {
  var vm = this;
  vm.data = [
    {band: 'Led Zeppelin',id: 1},
    {band: 'The Pixies',id: 2},
    {band: 'Beck',id: 3}
  ];
}

// directive
function myTable() {
   var directive = {
      restrict: 'E',
      template: '<table><tr ng-repeat="d in data"><td>{{d.band}}</td><td>{{d.id}}</td></tr></table>',
      scope: {
         data: '='
      }
   };

   return directive;
}

HTML：

<my-table data="ctrl.data"></my-table>

就个人而言，我是templateUrl的粉丝，而不是指令中的模板，因为当html代码变重时，模板网址会更清晰。

第一个角度指令：静态表

2 个答案: