2016-04-05 3 views
0

Yani toplama öğeleri arasında görünümlerini değiştirmek muhabir seçilen seçenekangularjs şimdi görünümler arasında geçiş gerekirse şu <code><select></code></p> <p>Well <code><options></code> bir listesini oluşturmak için de bir nesneden yineleme ediyorum, burada bir mantık sorunu bakan değilim,

<div> 
    <select class="select" 
     name="singleSelect" 
     ng-model="$ctrl.currentViewOption"> 
     <option value="">Choose a option</option> 
     <option ng-selected="$ctrl.selected(item)" 
      value="{{item.token}}" 
      ng-repeat="item in $ctrl.listOptions">{{'Option '}} {{ $index + 1 }}</option> 
    </select> 
    <code>selection={{$ctrl.currentViewOption}}</code> 
    <hr/> 
    <div class="animate-switch-container" 
     ng-switch on="$ctrl.currentViewOption"> 
     <div class="animate-switch" ng-switch-when="item.token === correspondentView">view1</div> 
     <div class="animate-switch" ng-switch-when="">view2</div> 
     <div class="animate-switch" ng-switch-default>default</div> 
    </div> 
</div> 
için

her bir seçeneğin bir yapıdır:

{ "belirteç": "56e6fe65712ed797f7014d40", "durum": 3, "createdAt": "someDate", "updatedAt": "someDate", "content": [ "Bu bir seçenek görünüm oluşturmak için tüm verileri içerecek"] } Yani

, ben ne yapabilirim denetleyicim, bu öğelere göre görünümleri değiştirmek için? Her bir görünüm için bu nesneyi content veri tabanına göre veriyi işleyeceğim.

cevap

1

Yönerge, yönerge değil, bir dize olduğunda ayarlanan değerdir. ne zaman currentViewOption.content Bu örnekte

<div class="animate-switch-container" 
    ng-switch on="$ctrl.currentViewOption.content"> 
    <div class="animate-switch" ng-switch-when="stringValueNecessaryToShowView1">view1</div> 
    <div class="animate-switch" ng-switch-when="stringValueNecessaryToShowView2">view2</div> 
    <div class="animate-switch" ng-switch-default>default</div> 
</div> 

: Eğer bazı mülkiyete dayalı örneğin içeriği geçiş yapabilmek istiyorsanız https://docs.angularjs.org/api/ng/directive/ngSwitch

Bkz currentViewOption ki, böyle bir şey kullanmak zorunda kalacak == 'stringValueNecessaryToShowView1', sonra view1 görüntülenecektir.

İlgili konular