我正在尝试使用list-formatter功能进行ng2-auto-complete,但无法找到如何实现它的一个很好的例子.到目前为止,我有以下代码:
<input class="form-control input-list" ng2-auto-complete
[(ngModel)]="model4"
placeholder="Search"
[source]="googleGeoCode"
list-formatter="myListFormatter"
path-to-data=""
value-property-name=null
display-property-name=null
min-chars="2"
/>
export class HomeComponent {
templateStr: any = templateStr;
valuePropertyName: string;
displayPropertyName: string;
googleGeoCode: string = "http://localhost:61227/machine/?query=:keyword";
myListFormatter(data: any): string {
let html: string = "";
html += data[this.valuePropertyName] ? `<b>(${data[this.valuePropertyName]})</b>` : "";
html += data[this.displayPropertyName] ? `<span>${data[this.displayPropertyName]}</span>` : data;
return html;
}
}
Run Code Online (Sandbox Code Playgroud)
那么,我怎样才能使list-formatter工作?
我正在尝试在 Angular 2 中使用 QuaggaJS。我在 app 文件夹中有 quagga.d.ts 文件,在组件中有以下导入语句:
import Quagga from './quagga.d';
Run Code Online (Sandbox Code Playgroud)
指南从“quagga”说,但它不起作用,但上面起作用
declare const Quagga = require('quagga').default;
Run Code Online (Sandbox Code Playgroud)
我在组件的构造函数中有以下代码,如下所示:
constructor() {
Quagga.init({
inputStream : {
name : "Live",
type : "LiveStream",
target: document.querySelector('#yourElement') // Or '#yourElement' (optional)
},
decoder : {
readers : ["code_128_reader"]
}
}, function(err) {
if (err) {
console.log(err);
return
}
console.log("Initialization finished. Ready to start");
Quagga.start();
});
}
Run Code Online (Sandbox Code Playgroud)
但是,我收到以下错误:
Uncaught (in promise): Error: Error in :0:0 caused by: Cannot read property 'init' of undefined 来自 …