小编Dav*_*ave的帖子

AngularJS:自定义指令中的双向数据绑定不起作用

我在尝试理解为什么双向数据绑定在我的自定义指令中不起作用时遇到了问题?

代码:

指令代码:

.directive('invoiceFilter', function () {
    return {
        restrict: 'E',
        replace: true,
        templateUrl: '_invoice-filter.tpl.html',
        scope: {
            selectedItem: '=',
            selectedItemChange: '&'
        },
        link: function(scope) {

            scope.items = {
                all: 'Show all invoices',
                draft: 'Show drafts only',
                open: 'Show open invoices',
                paid: 'Show paid invoices'
            };

            scope.raiseSelectedItemChange = function (key) {


                alert('Selected item in directive: ' + key + " (which seems to work!)");

                scope.selectedItem = key;
                scope.selectedItemChange();

            };

        }
    };
});
Run Code Online (Sandbox Code Playgroud)

指令模板

<div class="btn-group dropdown">
    <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-directive

3
推荐指数
1
解决办法
7625
查看次数