C# NgbTypeahead+;MVC后端
我尝试用c#结果实现NgbTypeahead,但不起作用 自动完成.tsC# NgbTypeahead+;MVC后端,c#,asp.net-mvc,angular,bootstrap-typeahead,ng-bootstrap,C#,Asp.net Mvc,Angular,Bootstrap Typeahead,Ng Bootstrap,我尝试用c#结果实现NgbTypeahead,但不起作用 自动完成.ts import { IPeople } from '../components/people'; @Injectable() @Component({ selector: 'autocomplete-eid', templateUrl: './autocomplete.component.html', }) export class NgbdTypeaheadHttp { model: any;
import { IPeople } from '../components/people';
@Injectable()
@Component({
selector: 'autocomplete-eid',
templateUrl: './autocomplete.component.html',
})
export class NgbdTypeaheadHttp {
model: any;
searching = false;
searchFailed = false;
hideSearchingWhenUnsubscribed = new Observable(() => () => this.searching = false);
constructor(private _service: PeopleService) { }
search = (text$: Observable<string>) =>
text$
.debounceTime(300)
.distinctUntilChanged()
.do(() => this.searching = true)
.switchMap(term =>
this._service.search(term)
.do(() => this.searchFailed = false)
.catch(() => {
this.searchFailed = true;
return Observable.of([]);
}))
.do(() => this.searching = false)
.merge(this.hideSearchingWhenUnsubscribed);
}
从“../components/people”导入{IPeople};
@可注射()
@组成部分({
选择器:“自动完成eid”,
templateUrl:“./autocomplete.component.html”,
})
导出类NgbdTypeaheadHttp{
型号:任意;
搜索=假;
searchFailed=false;
HidesearchingWhenSubscribed=新的可观察对象(()=>()=>this.search=false);
构造函数(私有服务:PeopleService){}
搜索=(文本$:可观察)=>
正文$
.debounceTime(300)
.distinctUntilChanged()
.do(()=>this.search=true)
.switchMap(术语=>
此._服务.搜索(术语)
.do(()=>this.searchFailed=false)
.catch(()=>{
this.searchFailed=true;
([])的可观测收益率;
}))
.do(()=>this.search=false)
.merge(未订阅时此.hidesearching);
}
PeopleService
@Injectable()
export class PeopleService{
public lstPeople : Array<IPeoplePicker>;
constructor(private _jsonp: Jsonp) { }
search(term: string) {
if (term === '') {
return Observable.of([]);
}
//let wikiUrl = 'https://en.wikipedia.org/w/api.php';
let urlPeopleServiceApi = Global.BASE_HOME_ENDPOINT_2;
let params = new URLSearchParams();
params.set('value', term);
return this._jsonp
.get(urlPeopleServiceApi, { search: params })
.map(response => <IPeoplePicker[]>response.json()[1]);
}
}
public IEnumerable<People> Get(string value)
{
var Settings = SettingsRepository.Settings;
ActiveDirectorySearcher searcher = new ActiveDirectorySearcher(Settings.LDAPPath, Settings.LDAPUserName, Settings.LDAPPassword);
List<People> data = null;
data = searcher.FindAll(); todos
return data;
}
@Injectable()
导出类PeopleService{
公众人物:阵列;
构造函数(privateujsonp:jsonp){}
搜索(术语:字符串){
如果(术语==''){
([])的可观测收益率;
}
//让wikiUrl为您服务https://en.wikipedia.org/w/api.php';
让urlPeopleServiceApi=Global.BASE\u HOME\u ENDPOINT\u 2;
设params=newurlsearchparams();
参数集(“值”,术语);
把这个还给我
.get(urlPeopleServiceApi,{search:params})
.map(response=>response.json()[1]);
}
}
和MVC控制器返回值IEnumerable
@Injectable()
export class PeopleService{
public lstPeople : Array<IPeoplePicker>;
constructor(private _jsonp: Jsonp) { }
search(term: string) {
if (term === '') {
return Observable.of([]);
}
//let wikiUrl = 'https://en.wikipedia.org/w/api.php';
let urlPeopleServiceApi = Global.BASE_HOME_ENDPOINT_2;
let params = new URLSearchParams();
params.set('value', term);
return this._jsonp
.get(urlPeopleServiceApi, { search: params })
.map(response => <IPeoplePicker[]>response.json()[1]);
}
}
public IEnumerable<People> Get(string value)
{
var Settings = SettingsRepository.Settings;
ActiveDirectorySearcher searcher = new ActiveDirectorySearcher(Settings.LDAPPath, Settings.LDAPUserName, Settings.LDAPPassword);
List<People> data = null;
data = searcher.FindAll(); todos
return data;
}
public IEnumerable Get(字符串值)
{
var设置=设置存储设置;
ActiveDirectorySearcher searcher=新的ActiveDirectorySearcher(Settings.LDAPPath、Settings.LDAPUserName、Settings.LDAPPassword);
列表数据=null;
data=searcher.FindAll();todos
返回数据;
}
a如何使用Ipeople angular类获得结果?您知道任何关于为typeahead ng引导类实现可观察结果的指南吗
谢谢
但不起作用
请发布您收到的确切错误消息。你的api是否返回正确的数据?是的,api retur people类。该类有2个字符串属性。我没有收到任何错误,数据没有显示在typeahead中,建议,但不起作用
请发布你收到的确切错误消息。你的api返回正确的数据吗?是的,api retur people类。这个类有两个字符串属性。我没有收到任何错误,数据没有显示在typeahead中