雙向綁定指令

Question

我試圖創建一個具有雙向綁定到傳遞的對象的指令範圍的對象：

angular.module('app').directive('lmDataBox', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      lmdata: '=', 
     }, 
     template: '<input type="text" ng-model="lmdata.displayValue">', 
     link: function link(scope, element, attrs) { 

      scope.lmdata.displayValue = 'testvalue'; 
    } 
}; 

然而，即使我設置「displayValue 「到一個字符串輸入框是空的。

我在做什麼錯？

Answer 1

我可能已經找到了你的問題：

lmdata很可能無法在你的父母範圍設置。這意味着當您嘗試設置scope.lmdata.displayValue時，您嘗試設置未定義的作用域變量。

爲了解決這個問題，你必須設定lmdata在父範圍，像這樣：

$scope.lmdata = {'displayValue':''}; 

我已經創造了plnkr工作示例（我只改變了限制，爲方便「E」）here