Angular JS指令，更改鏈接函數中的雙向數據綁定

Question

我試圖創建一個角度指令，我可以通過單個選項對象或通過某些屬性來設置選項。這是什麼樣的代碼示例：

app.directive('testElement', [function() { 
    return { 
     restrict: "E", 
     scope: { 
      options: "=" 
     }, 
     template: "<p><span>Name: </span>{{ options.name }}</p>", 
     link: function (scope, element, attrs) { 
      scope.options = scope.options || {}; 
      if (attrs.name) 
       scope.options.name = attrs.name; 
     } 
    }; 
}]); 

這工作得很好，因爲如果我通過在一個名字通過選項屬性名稱值顯示。但是，如果我通過name屬性傳遞一個名稱，即使鏈接函數修改了選項，該值也不會呈現。

http://plnkr.co/edit/IMVZRdAW2a5HvSq2WtgT?p=preview

我覺得我失去了一些東西在數據的選項結合2的方式是如何工作的根本。

Answer 1

如果你沒有通過雙向數據綁定，角生氣：

https://github.com/angular/angular.js/issues/1435

使用另購的結合（=？）：

app.directive('testElement', [function() { 
    return { 
     restrict: "E", 
     scope: { 
      options: "=?" 
     }, 
     template: "<p><span>Name: </span>{{ options.name }}{{ test }}</p>", 
     link: function (scope, element, attrs) { 
      scope.options = scope.options || {}; 
      if (attrs.name) 
       scope.options.name = attrs.name; 
     } 
    }; 
}]); 

或者，如果您使用的是老版本的角度，在$ attrs上使用$ eval。選項：

app.directive('testElement', [function() { 
    return { 
     restrict: "E", 
     //Still can create isolate scope to not clobber parent scope variables. 
     scope: {}, 
     template: "<p><span>Name: </span>{{ options.name }}{{ test }}</p>", 
     link: function (scope, element, attrs) { 
      scope.options = scope.$eval(attrs.options) || {}; 
      if (attrs.name) 
       scope.options.name = attrs.name; 
     } 
    }; 
}]); 

Answer 2

該指令需要選項參數。在第二種情況下，你還沒有提供它，因此有一個錯誤

如果孤立的範圍變量是可選的使用?像

scope: { 
      options: "=?" 
     } 

見我plunkr http://plnkr.co/edit/eGh6r1X7HzY1sZIDYZ69?p=preview

，並在隔離範圍文檔這裏http://docs.angularjs.org/api/ng/service/ $ compile