双向绑定指令

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