Question

我试图在我的自定义指令中的模板函数中使用我的一些范围属性。我似乎无法在我的模板中获得返回部分的格式。这是它的样子。我猜我需要

    angular
        .module('FormTest') //Gets the FormTest Module
        .directive('jiText', function () {
            return {
                restrict: 'E',
                transclude: true,
                scope: {
                    label: '@',
                    name: '@',
                    value: '@',
                    placeholder: '@',
                    tooltips: '@',
                    maxLength: '@',
                    width: '@'
                },
                template: function (element, attrs) {
                    return '<div dx-text-box="{'+ attrs.id + attrs.placeholder + attrs.value + attrs.maxLength + '}"></div>';
                }
                //templateUrl: 'FormTest/views/ji-Text.html'
            }
        });

格式不正确的行是：

return '<div dx-text-box="{'+ attrs.id + attrs.placeholder + attrs.value + attrs.maxLength + '}"></div>';

Answer 1

由于您在作用域上定义了这些变量，因此应使用作用域而不是attrs。假设您只想连接所有这些参数，那么模板应该是：

template: '<div dx-text-box="{{ id + placeholder + value + maxLength }}"></div>';

您还需要将id: '@'添加到您的范围。

使用AngularJS中的模板函数格式化问题

1 个答案: