如何在角度指令 4 中使用范围

Question

大家好，我正在使用 Angular 指令 1.6 来访问数字文本框控件的 ate 属性 这是我的指令

app.directive('numerictextbox', function () {
    return {
        restrict: 'EA',
        require: 'ngModel',
        replace: true,
        template: '<input type="number" />',

        scope: {
            id: '@',
            ngModel: '=',
            min: '@',
            max: '@'
        },
        link: function (scope, element) {

            element.on('change', function () {
                scope.ngModel
                scope.$applyAsync();

            })
        }

    };

这是我的控制

<numerictextbox id="txtid2" min="1" max="4" ng-model="txt2"></numerictextbox>

所以问题是如何在 angular 指令中获取控制属性值，这是我的 angular 4 指令

@Directive({
        selector: '[number]'

})

我们如何在 Angular 4 指令中使用作用域 有人请帮忙

Answer 1

使用 @Input() 装饰器将属性添加到 Directive 类中

@Directive({
    selector: '[selectable]'
})
export class SelectableDirective{
    private el: HTMLElement;

    @Input('selectable') option:any;   
    @Input('first') f;
    @Input('second') s;

    ...
}

并在模板中将绑定属性传递给您的 li 元素

<li *ngFor = 'let opt of currentQuestion.options' 
    [selectable] = 'opt' 
    [first]='YourParameterHere'
    [second]='YourParameterHere'
    (selectedOption) = 'onOptionSelection($event)'>
    {{opt.option}}
</li>

我已经以这种方式实现了。这在我的项目中运行良好。请尝试一下。