Wie man ng-Modell zu Dropdown in Winkel js hinzufügen

Ich habe Drop-Down mit zwei Listenelement Reciever aand Beacon.Wie man ng-Modell zu Dropdown in Winkel js hinzufügen

<ul class="dropdown-menu filter-state"> 
    <li ng-class="{active:filterState === 'Receiver'}"> 
     <a href="" ng-click="updateFilterState('Receiver')">Receiver</a> 
    </li> 
    <li ng-class="{active:filterState === 'Beacon'}"> 
     <a href="" ng-click="updateFilterState('Beacon')">Beacon</a> 
    </li> 
</ul>

standardmäßig Drop-Down-Element ausgewählt ist zunächst ein Reciever, aber ich mag ng-Modell, um es hinzuzufügen, den Staat davon halten wil.

Ich möchte diese $ scope.device als standardmäßig ein wie ng-Modell angezeigt werden = ‚Gerät‘

$scope.$onMessage(Message.deviceType,function(event,deviceType){ 
     $scope.device=deviceType; 
    });

Wie können wir das tun?

Quelle

2017-07-10 ashworx

Das Bootstrap Drop-down-Menü richtig? Warum möchten Sie, dass es wie ein Auswahltag funktioniert? Es ist genau so, als wenn der Benutzer auf eine Option im Dropdown-Menü klickt, eine Aktion ausgeführt wird, die Sie auf ng-click geschrieben haben, und Sie müssen dann anzeigen, auf welchen Benutzer geklickt wurde? (Es ist kein Eingabefeld, es neigt dazu, etwas zu tun). Wenn Sie die ausgewählte Option weiterhin auswählen und die Aktion für verschiedene ausgewählte Optionen ausführen möchten, können Sie dies ganz einfach mit dem herkömmlichen Auswahlfeld erreichen. – Shantanu

@Shantanu hat Recht, was Sie brauchen, ist eine Auswahleingabe. – yBrodsky

Sie benötigen hier eine Auswahleingabe.

<select name="devicetype" ng-model="filterState"> 
     <option value="Receiver" ng-class="{active:filterState === 'Receiver'}"> Receiver </option> 
     <option value="Beacon" ng-class="{active:filterState === 'Beacon'}">Beacon</option> 
</select>

Quelle

2017-07-10 18:25:22 nitin

Es hat für mich funktioniert. Vielen Dank – ashworx

Wie man ng-Modell zu Dropdown in Winkel js hinzufügen

Antwort

Verwandte Themen