AngularJS指令名稱以數字開頭，無法讓它工作。

Question

這裏是我的代碼：

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

    } 
    } 
}); 

事實上，這是非常標準的，我所有的指令有完全相同的代碼，但似乎我不能使用它創建的元素然後將它導入在我的HTML 。我想知道是否有辦法讓它工作，或者從一個數字開始就無法使它工作？

下面是HTML：

在頁面上，它並沒有說任何錯誤，它只是打印< 3D-計劃滑塊>（就好像它是基本字符），但它確實不打印結束標記......我即將重命名它，但我發現必須有一種方法來使其工作。

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

    } 
    } 
});