Question

我有將數據綁定到指令的這個奇怪的問題。這是我聲明我的指令：

<my-directive data="myArray"></my-directive> 

我的指令代碼如下所示：

angular.module('ngApp') 
.directive('myDirective', function() { 
    return { 
     scope:{ 
      data: '=' 
     }, 
     template: '<div steps="data.length"></div>', 
     restrict: 'E', 
     link: function postLink(scope, element, attrs) { 
      console.log(scope); 
      console.log(scope.data); 
     } 
    }; 
}); 

中的第一個日誌，數據屬性是正確的： screenshot of console.log output 但second log是不確定的。

有什麼想法爲什麼？

Answer 1

這裏是您的解決方案：

<my-directive data-example="myArray"></my-directive> 

你應該總是命名變量data-<name>。這是更容易維護，這防止錯誤的關鍵字這樣一個;）

angular.module('ngApp') 
.directive('myDirective', function() { 
    return { 
     scope:{ 
      data: '=example' 
     }, 
     template: '<div steps="data.length"></div>', 
     restrict: 'E', 
     link: function postLink(scope, element, attrs) { 
      console.log(scope); 
      console.log(scope.data); 
     } 
    }; 
}); 

我希望這會幫助，

活生生的例子：JsFiddle

Answer 2

感謝@hadiJZ和@Unex我想通它出：

我的指令嵌套在另一個指令。但是父指令使用邏輯的鏈接函數，因爲在創建時它沒有子指令。

因此將邏輯移出到控制器解決了我的問題。 我想到了當我添加一個$超時到子指令，並且日誌（scope.data）是正確的。