javascript - 在使用模板的指令中更新 ng-model

Question

我有一个像这样实例化的指令:

<datepicker ng-model="foo"></datepicker>

在指令内，datepicker 标签被这个模板替换:

template: '<div class="datepicker-wrapper input-append">' +
                     '<input type="text" class="datepicker" />' +
                     '<span class="add-on"><i class="icon-calendar"></i></span>' +
                   '</div>'

我希望 ng-model 绑定(bind)的值是输入字段的值。解决此问题的最佳方法是什么，以便我保持 ng-model 的双向数据绑定(bind)？

Answer 1

根据直通的复杂程度，您可以只使用 = 范围在本地名称和 ngModel 之间进行双向绑定(bind)，就像在这个 fiddle 中一样:

http://jsfiddle.net/mThrT/22/

出于某种原因(第一次尝试使用 angular)，我花了很长时间来设置 fiddle ，但这是赚钱的机会:

template: '<div class="datepicker-wrapper input-append">' 
        + '<input type="text" class="datepicker" ng-model="bar" />' 
        + '<span class="add-on"><i class="icon-calendar"></i></span>' 
        + '</div>',
scope: {
    bar: '=ngModel'
},