首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从angular4-Ngrx-lodash中的嵌套Json对象中获取数据

如何从angular4-Ngrx-lodash中的嵌套Json对象中获取数据
EN

Stack Overflow用户
提问于 2018-06-09 15:39:25
回答 1查看 281关注 0票数 0

我正在尝试显示下拉成员名称,并且我只能获得name,但我想从嵌套对象中显示editorName。我尝试使用loadsh,forEach,但无法显示。我是ngrx的新手。

Html:

代码语言:javascript
运行
复制
<div class="dopdown" *ngFor='let item of items$ |async'>
<a href="">{{item.name}}</a></div

接口响应:

代码语言:javascript
运行
复制
[{
"grpId": 1,
"name": "brain editor",
"member": {
    "gif1": {
        "gpId": "gp1",
        "firstName": "Danny",
        "lastName": "Johns",
        "editorName": "Danny-Johns",
        "suffix": "JR.",
        "Add": true
    },
    "gif2": {
        "gpId": "gp2",
        "firstName": "Mary",
        "lastName": "chang",
        "editorName": "Mary-chang",
        "suffix": "JR.",
        "Added": true
    }
},
"numbers": {
    "a01": {
        "numbersId": "a1",
        "numbersShow": "Dnn1093746",
        "numbersTo": ["gf1", "gf4"],
    }
}}]

angular.service.ts

代码语言:javascript
运行
复制
  export class NewService {
     private _myUrl = 'http://myJsonApi';
   constructor(private _http: HttpClient) {}

      getData(): Observable<Idata[]>{
              return this._http.get<Idata[]>(this._myUrl)
              .pipe(
                      tap(data => {}),
                     catch(this.handleError)) }     
   private handleError(err : HttpErrorResponse){   
                 return Observable.throw(err.message);}}

Component.ts:

代码语言:javascript
运行
复制
 export class NewClass implements OnInit {
   vm: any = {};
   items$: Observable<Idata[]>

   constructor(private store: store<fromRoot.AppState>) {}

      ngOnInit(): void {
              this.items$ = this.store.select(fromRoot.getNameDrpdwn)
              getData(); 
       }
       getData() {
              this.store.dispatch(new nameAction.LoadNameAction());    
       }}

Model.ts

代码语言:javascript
运行
复制
export interface Idata {
              grpId: number;
              name: string;
            member: any;
          editorName: string;
     }
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50772008

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档