AngularJS指令名称以数字开头，无法使其起作用。

Question

这是我的代码：

app.directive('3dPlansSlider', function(){
  return {
    controller: 'projectCtrl',
    restrict: 'E',
    templateUrl: 'views/3dPlansSlider.html',
    link: function(scope, element, attrs){

    }
  }
});

事实上，这是非常标准的，我的所有指令都有这个代码，但似乎我无法使用它创建的元素在我的html中导入它。我想知道是否有办法让它工作，或者它是不可能让它工作，因为它从一个数字开始？

这是html：

<3d-plans-slider></3d-plans-slider>

在页面中，它没有说出任何错误，它只是打印＆lt; 3d-plans-slider＆gt; （好像它是基本字符）但是它不会打印结束标记...我要重命名它但我发现必须有一种方法可以使它工作。

Answer 1

当你引用你的指令时，只需像这样添加-data：

<data-3d-plans-slider></data-3d-plans-slider>

保持指令的定义方式相同

app.directive('3dPlansSlider', function(){
  return {
    controller: 'projectCtrl',
    restrict: 'E',
    templateUrl: 'views/3dPlansSlider.html',
    link: function(scope, element, attrs){

    }
  }
});