Javascript 角度材质md autocomplete不适用于Angular1演示中重述的Angular2代码

我正在使用ng2材质在Angular2应用程序中启用材质设计。它似乎是Angular1 MD代码的包装器。很多工作，但我不能让md自动完成工作。问题是:一,。主零部件不加载。2.获取控制台错误-未定义loadAll（），3。当我删除JS以获取要加载的内容时，没有出现表单输入框，4。在Atom编辑器中获取每个函数语句所期望的“；”类型脚本错误在{

抱歉，代码太多，但我希望问题很简单。
从MD示例复制的HTML为：

 <md-list-item layout="column" class= "md-padding">
    <form (click)="$event.preventDefault()"> 
      <md-autocomplete
        md-selected-item="selectedItem"
        md-search-text-change="searchTextChange(searchText)"
        md-search-text="searchText"
        md-selected-item-change="selectedItemChange(item)"
        md-items="item in querySearch(searchText)"
        md-item-text="item.display"
        md-min-length="0"
        <md-item-template>
          <span md-highlight-text="searchText" md-highlight-flags="^i">{{item.display}}</span>
        </md-item-template>
        <md-not-found>
          No "{{searchText}}" language was found.
        </md-not-found>
        STATE
      </md-autocomplete>
    </form>
  </md-list-item>

---

在ng2 materials的各种输入示例页面上，我终于发现该符号打开了工作示例以公开代码。这与我上面尝试的转录有很大不同。但该示例代码有效。

我正在尝试创建一个简单的Angular2应用程序，我不明白我们是否可以使用它md目前正在自动完成。出于某种原因，您似乎已经设法完成了。是否愿意分享您在如何完成这项工作方面的进展？参见ng2输入材料链接（上文），查看选择州（阿拉斯加等）的HTML然后单击Typescript，查看包含状态数组的函数。我使用beta.14获得了视图，但由于Angular2中的错误，所选数据没有出现在控件数组中。我提交了一份错误报告。它已修复。我正在rc.1中进行返工，但尚未到达此位置。它可能在rc.1中工作，但我没有另外，Google官方的ng-material2现在已经作为beta版发布了。我还没有用过，但计划用。

export class Home {
constructor () {
var self = this;
self.simulateQuery = false;
self.isDisabled    = false;
// list of `state` value/display objects
self.states = loadAll();
self.querySearch = querySearch;
self.selectedItemChange = selectedItemChange;
self.searchTextChange = searchTextChange;
self.newState = newState;
function newState(state) {
alert("Sorry! You'll need " + state + " first!");
}
querySearch (query, string) {
var results = query ? self.states.filter( createFilterFor(query) ) : self.states,
    deferred;
if (self.simulateQuery) {
  console.log('self.simulateQuery is now true ' + text);;
} else {
  return results;
}
}
searchTextChange(text, string) {
console.log('Text changed to ' + text);
}
selectedItemChange(item, string) {
console.log('Item changed to ' + JSON.stringify(item));
}
loadAll(state, string) {
var allStates = 'Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware';
return allStates.split(/, +/g).map( function (state) {
  return {
    value: state.toLowerCase(),
    display: state
  };
});
}

createFilterFor(query, string) {
var lowercaseQuery = angular.lowercase(query);
return function filterFn(state) {
  return (state.value.indexOf(lowercaseQuery) === 0);
};
}

} //end of constructor()
} //end of Home