没有绑定属性绑定的自定义属性

Question

也许有人能帮我解决这个问题。

我似乎无法将回调绑定到customAttribute。这是一些代码

import {inject, customAttribute, bindable} from 'aurelia-framework';
import 'typeahead';

@customAttribute('typeahead')
@inject(Element)
export class Typeahead {
    @bindable minLength = 0;
    @bindable highlight = true;
    @bindable substringMatcher = null;

    constructor(element) {
        this.element = element;
    }

    attached() {
        var self = this;
        $(self.element).typeahead({
            hint: true,
            highlight: self.highlight,
            minLength: self.minLength
        },
        {
            name: 'query',
            source: (query) =>
            {
                console.log(self.substringMatcher);
                if(self.substringMatcher){
                    self.substringMatcher(query);
                }
            }
        });
    }

}

我一直试图以多种方式分配substringMatcher绑定回调，但该属性始终为null

<input typeahead="substringMatcher.bind: search" class="form-control typeahead">
<input typeahead="substringMatcher: search" class="form-control typeahead">
<input typeahead="substringMatcher: this.search" class="form-control typeahead">

知道为什么吗？

Answer 1

关于属性的错误案例..。

这起作用了：<input typeahead="substring-matcher: search" class="form-control typeahead">