2013-11-21 28 views
0

我想做一個依賴選擇/下拉菜單。Angular do dependent選擇

我獲得此JSON示例:

[ 
    { 
    "id": 15695, 
    "username": "user1", 
    "address": { 
     "id": 16794, 
     "location": "O Treviño de San Pedro" 
    }, 
    "jobs": [ 
     { 
     "id": 7562, 
     "name": "ut" 
     }, 
     { 
     "id": 7565, 
     "name": "temporibus" 
     }, 
     { 
     "id": 7603, 
     "name": "perspiciatis" 
     }, 
     { 
     "id": 7622, 
     "name": "optio" 
     } 
    ] 
    } 
] 

這是角碼:

<select ng-model="industrialist.user" ng-options="user.id as user.username for user in users"></select> 
    <select ng-model="industrialist.job" ng-options="job.id as job.name for job in industrialist.user.jobs"></select> 

如果我這樣做的代碼,然後選擇相關的作品,但那時我還沒有去正確的鍵industrialist.user。

 <select ng-model="industrialist.user" ng-options="user.username for user in users"></select> 

我該怎麼辦?

謝謝

+0

令人困惑......你有2個版本的'ng-model =「industrialist.user」'但不同的'ng-options'。請更詳細地解釋問題 – charlietfl

+0

是的問題是,在第二個版本中依賴選擇工作,但是我沒有user.id作爲密鑰,我需要這個密鑰。 –

回答

1

我相信你需要做的是保存整個用戶而不是僅僅是id。如果你需要的話,你可以晚些時候得到id。

<select ng-model="industrialist.user" ng-options="user.id as user.username for user in users"></select> 
<select ng-model="industrialist.job" ng-options="job.id as job.name for job in industrialist.user.jobs"></select> 

這是一個工作小提琴。 JSFiddle

+0

問題是然後在形式發送所有用戶,我只需要user.id –

+0

@MarcMoralesValldepérez我改變了小提琴,它的作品就像你想要的,我認爲。是嗎? –

+0

是在小提琴作品中,但有這個錯誤:無法讀取未定義的屬性'用戶'。第一次$ scope.industrialist.user是未定義的。 –