Show JSON data as selected in Select AngularJS -

-



i don' have lot of knowledge angularjs. have json data , first created select , according selected option show data or others according value, ids in json

json

$scope.players = [         {             "player": {               "info": {                 "position": "d",                 "shirtnum": 4,                 "positioninfo": "centre/right central defender"               },               "nationalteam": {                 "isocode": "be",                 "country": "belgium",                 "demonym": "belgian"               },               "age": "27 years 139 days",               "name": {                 "first": "toby",                 "last": "alderweireld"               },               "id": 4916,               "currentteam": {                 "name": "tottenham hotspur",                 "teamtype": "first",                 "shortname": "spurs",                 "id": 21               }             },             "stats": [               {                 "name": "goals",                 "value": 5               },               {                 "name": "losses",                 "value": 20               },               {                 "name": "wins",                 "value": 48               },               {                 "name": "draws",                 "value": 23               },               {                 "name": "fwd_pass",                 "value": 1533               },               {                 "name": "goal_assist",                 "value": 2               },               {                 "name": "appearances",                 "value": 80               },               {                 "name": "mins_played",                 "value": 6953               },               {                 "name": "backward_pass",                 "value": 308               }             ]           }, ...];

html

<select id="select-players" ng-model="jugador" ng-options="jugador (jugador.player.name.first + ' ' + jugador.player.name.last) jugador in players track jugador.player.id " ng-change="show()">      <option value="">select player...</option> </select>

and want show details of player

<div class="content-player">      <div class="img-team"><span class="img-escudo"><img src="img/tottenham.png" /></span></div>           <p class="name-player">{{jugador.player.name.first}} {{jugador.player.name.last}} <span class="pos-player">{{jugador.info.positioninfo}}</span></p>           <div class="cont-desc-player">                <div class="desc-player">                     <span class="txt-estadistics">{{jugador.stats.name}}</span>                     <span class="num-estadistics">{{jugador.stats.value}}</span>                 </div>                 <div class="desc-player separador">                      <span class="txt-estadistics">{{jugador.info.positioninfo}}</span>                      <span class="num-estadistics">{{jugador.stats.value}}</span>                  </div>                  <div class="desc-player separador">                       <span class="txt-estadistics">{{jugador.info.positioninfo}}</span>                       <span class="num-estadistics">{{jugador.stats.value}}</span>                   </div>                   <div class="desc-player separador">                        <span class="txt-estadistics">{{jugador.info.positioninfo}}</span>                        <span class="num-estadistics">{{jugador.stats.value}}</span>                   </div>                   <div class="desc-player separador">                        <span class="txt-estadistics">{{jugador.info.positioninfo}}</span>                        <span class="num-estadistics">{{jugador.stats.value}}</span>                   </div>              </div>         </div>

i don't know if need create in controller 1 switch or using if , else if , how can call in html show details.

thanks

you using iterated current object jugador in place of using model name jugador. try using jugador.player.name.first instead of jugador.player.name.first , should work fine if rest of things ok. don't see need of ng-change="show()" in case. model changes automatically change select value , can use it.

you use iterated object name jugador while doing ng-repeat.





wiki

Comments

Post a Comment

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

-
i'm stuck project have check database of sip extension incoming caller id , dial sip extension. below receive when run script on asterisk cli. -- registered sip '9125' @ 192.168.1.102:50142 > saved useragent "zoiper rv2.8.40" peer 9125 [2017-08-22 13:53:33] notice[5095]: chan_sip.c:24558 handle_response_peerpoke: peer '9125' reachable. (17ms / 2000ms) == using sip rtp tos bits 184 == using sip rtp cos mark 5 -- executing [0112617769@from-trunk:1] answer("sip/obitrunk1-0000000d", "") in new stack > 0x1ca50d0 -- probation passed - setting rtp source address 192.168.1.98:16834 -- executing [0112617769@from-trunk:2] agi("sip/obitrunk1-0000000d", "test.py") in new stack -- launched agi script /var/lib/asterisk/agi-bin/test.py args: ['/var/lib/asterisk/agi-bin/test.py'] env line: agi_request: test.py env line: agi_channel: sip/obitrunk1-0000000d env line: agi_language: en env line: a
Read more

python - Read npy file directly from S3 StreamingBody -

-
i have many .npy (numpy) , .json files saved in s3, need download , load these files. for json files downloading files , loading dictionary using following code: obj = s3.object(bucket, key) response = obj.get() body = response['body'].read().decode('utf-8') data = json.loads(body) that way avoid writing .json file disk , reading it. now want same .npy files, equivalent? currently downloading file, saving temp file on disk , loading np.load avoid if possible. following https://stackoverflow.com/a/28196540/3509999 : obj = s3.object(bucket, key) io.bytesio(obj.get()["body"].read()) f: # rewind file f.seek(0) arr = np.load(f) wiki
Read more

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -

-
i start using kotlin , defined interface this: interface aadapter<vh : recyclerview.viewholder> { fun oncreateaviewholder(parent: viewgroup): vh fun onbindaviewholder(v: vh, position: int) } and when try use on code: class klasa ( private val adapter: aadapter<*> ) { fun dosth(){ //... val vh = this.adapter.oncreateaviewholder(parent) //on below line error adapter.onbindaviewholder(v, position) //... } } i error out-projected type 'aadapter<*>' prohibits use of 'public abstract fun onbindaviewholder(v: t, position: int): unit i tied add "in" or "out" definition i'm confused. how allow it. replace aadapter<*> aadapter<recyclerview.viewholder> . class klasa ( private val adapter: aadapter<recyclerview.viewholder> ) { // ... because have declared aadapter has type parameter vh type subclass of recyclerview.
Read more