AngularJS中的自定義指令中的雙向綁定

Question

我正嘗試在angularJs中實現自定義指令的雙向綁定。不知何故，它不工作。

HTML文件

<div ng-app='myApp'>Outside directive 
    <input type='text' ng-model='outAttr'>{{outAttr}}</br> 
    <div my-directive some-attr='outAttr'></div> 
</div> 

JS文件

var myApp = angular.module('myApp', []); 

myApp.directive('myDirective', function() { 
    return { 
     restrict: 'A, 
     replace: true, 
     scope: { 
     inAttr: '=someAttr'; 
     }, 
     template: "<div><input type='text' ng-model='inAttr'>\ 
       {{inAttr}}</div>" 
    } 
}) 

不知怎的，它不工作。這裏是。有人能幫我指出我的錯誤嗎？謝謝。

Answer 1

很少有語法錯誤。您的代碼的邏輯是好的 - jsFiddle

var myApp = angular.module('myApp', []); 

myApp.directive('myDirective', function() { 
    return { 
     restrict: 'A', // missing ' 
     replace: true, 
     scope: { 
      inAttr: '=someAttr' // no ; 
     }, 
     template: '<div><input type="text" ng-model="inAttr">{{inAttr}}</div>' // no break 
    }; 
});