大佬教程收集整理的这篇文章主要介绍了Angular2:如何将选定的项目从HTML datalist元素传递回组件?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
真的很感激任何帮助.@H_197_7@
<h1>Get LOCATIOns</h1> <div> <div> <input list="browsers" name="browser" #term (keyup)="search(term.value)"> <datalist id="browsers"> <option *ngFor="let item of items | async" > {{item.code + " " + item.description}} </option> </datalist> </div> <input type="submit" value="Click" (click)="onSELEct(item)" /> </div>
import { Component,OnInit } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { Subject } from 'rxjs/Subject'; import { LOCATIOnservice } from './LOCATIOn.service'; import {LOCATIOn} from './LOCATIOn.component'; import './rxjs-operators'; @Component({ SELEctor: 'lesson-08',templateUrl: './views/lesson08.html',providers: [LOCATIOnservice] }) export class Lesson08 implements OnInit{ constructor(private LOCATIOnservice: LOCATIOnservicE) { } aLoc: LOCATIOn; ngOnInit() { this.aLoc = new LOCATIOn(); } errormessage: String; LOCATIOns: LOCATIOn[]; mode = 'Observable'; displayValue: String; private searchTermStream = new Subject<String>(); search(term: String) { this.searchTermStream.next(term); } onSELEct(item: LOCATIOn) { // do stuff with this LOCATIOn } items: Observable<LOCATIOn[]> = this.searchTermStream .debounCETime(300) .disTinctUntilChanged() .switchMap((term: String) => this.LOCATIOnservice.search(term)); }
以上是大佬教程为你收集整理的Angular2:如何将选定的项目从HTML datalist元素传递回组件?全部内容,希望文章能够帮你解决Angular2:如何将选定的项目从HTML datalist元素传递回组件?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。