如何在angular中创建动态菜单
如何在angular中创建动态菜单
提问于 2020-10-12 12:35:04
我有一个这样的接口
export interface INavData {
name?: string;
url?: string | any[];
icon?: string;
}我将数据设置到这个接口，如下所示
export const navItems: INavData[] = [
{
name: 'Dashboard',
url: '/dashboard',
icon: 'icon-speedometer'
},
{
name: 'Colors',
url: '/Category/subcategory',
icon: 'icon-drop'
},
{
name: 'Typography',
url: '/Category/category',
icon: 'icon-user'
}
}我在数据库中有一个Menus表，有以下列1.Name 2.Url 3.图标我用API返回这个表数据。现在如何从API获取此接口的数据可以帮助我吗，朋友们，非常感谢
注意:我在Service中获取数据的方式如下：
export class myService {
readonly BaseURI = 'http://localhost:542213/api';
constructor(private http: HttpClient) { }
getMenus()
{
return this.http.get<Menus[]>(this.BaseURI + '/Menus');
}
}我想从api中动态获取名称、Url、图标值我应该怎么做朋友
回答 1
Stack Overflow用户
发布于 2020-10-12 13:28:42
您可以使用如下所示的subscribe方法将数据从api获取到.ts文件中。
.ts
import {myService} from 'PRTH';
constructor(private _myService: myService)
ngOnInit() {
this.getMenuData()
}
getMenuData(){
this._myService.getMenus().subscribe((res)=>{
console.log(res); <-- this is your api Data
});
}现在您可以将api数据放入您的控制台....
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64311739
复制相关文章
相似问题
腾讯云开发者
