Verwenden von ng-switch mit Tasten

Ich versuche ng-switch mit 2 Tasten zu verwenden, um HTML-Elemente anzuzeigen, je nachdem auf welche Schaltfläche geklickt wird. Ich habe kein Beispiel, wie die Verwenden von ng-switch mit Tasten

gesehen so weit mein Code hier:

<button name="withdraw" ng-click="type(name)">Withdraw</button> 
<button name="enter" ng-click="type(name)">Enter Amount to Withdraw</button> 
<hr> 

<div ng-switch="type(name)"> 
     <div ng-switch-when="withdraw"> 
      //code 
     </div> 
     <div ng-switch-when="enter"> 
      //code 
     </div> 
</div>

Quelle

2017-08-18 jo12345678

Können Sie uns Ihre Art (Name) Definition zur Verfügung stellen? – DMCISSOKHO

was ich versucht habe, war das 'name' Attribut der Taste in der Funktion' type' zu übergeben, so dass es in der 'ng-switch' verwendet werden könnte, aber es funktioniert nicht – jo12345678

, also sollte es ng-switch = sein "name_variable" – DMCISSOKHO

Probieren Sie diese ein:

<button name="withdraw" ng-click="name = 'withdraw'">Withdraw</button> 
<button name="enter" ng-click="name = 'enter'">Enter Amount to Withdraw</button> 
<hr> 

<div ng-switch="name"> 
     <div ng-switch-when="withdraw"> 
      code 1 
     </div> 
     <div ng-switch-when="enter"> 
      code 2 
     </div> 
</div>

Quelle

2017-08-18 07:44:27 DMCISSOKHO

das funktioniert nicht. Es ist die gleiche Ausgabe wie der Code, den ich gepostet habe. – jo12345678

Es ist seltsam, es funktioniert für mich: http://plnkr.co/edit/tzUgm6hSdnMVeW8x29Pr?p=preview – DMCISSOKHO

Wenn Sie mit abhängigen Tasten Radioknopf verwenden.

<input type="radio" ng-model="myVar" value="withdraw">withdraw 
    <input type="radio" ng-model="myVar" value="enter"> enter

den Modellwert können Sie mit in den Bedingungen

<div ng-switch="myVar"> 
     <div ng-switch-when="withdraw"> 
     <h1>withdraw</h1> 
     </div> 
     <div ng-switch-when="enter"> 
     <h1>enter</h1> 
     </div> 

</div>

Quelle

2017-08-18 08:19:40

Verwenden von ng-switch mit Tasten

Antwort

Verwandte Themen