javascript - 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>

在页面中，它没有说任何错误，它只是打印 <3d-plans-slider> (好像它是基本字符)但它不打印结束标记......我正要重命名它，但我发现一定有办法让它工作。

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){

    }
  }
});