角をクリックすると変数が変化する

私が探しているのは、私が考えているより多くのトグルです。私はそうのように私のコントローラ内の変数を持って角をクリックすると変数が変化する

<i class="checkbox pull-left" ng-click="changePrice()"></i>

：基本的に私はこれを持って

$scope.basePrice = 10;

私が何を探しています何を、別の番号に変数を切り替えて、ボックスをチェックの上にあります。私はそれを行うことができます。私の問題は、ボックスのチェックを外して、変数が戻っていないときです。私はif/else if文、ng-change、ng-clickを試しました。私はswitchがうまくいくかもしれないと思っていましたが、この時点では、無名です。どんな助けもありがとう。

要求されたコントローラの例：

app.controller('examplectrl', '[$scope', function($scope){ 
    $scope.basePrice = 10; 
    $scope.changePrice = function(){ 
    if($('#changePrice.checked')){ 
    console.log("checked"); 
    }else{ 
    console.log("not checked.") 
    } 
    };

}]）。

出典

2016-10-20 Josh Winters

コントローラコードを表示できますか？ – Weedoze

私は何ができるか見る –

私は価格が25に更新されていますが、あなたができるそこ

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.basePrice = 10; 
 

 
    $scope.priceToggle = false; 
 

 
    $scope.changePrice = function() { 
 
    $scope.priceToggle ? $scope.basePrice = 10: $scope.basePrice = 25; 
 
    $scope.priceToggle = !$scope.priceToggle; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
    <button class="checkbox pull-left" ng-click="changePrice()">Change price</button> 
 
    <p ng-bind="basePrice"></p> 
 
</body>

出典

2016-10-20 12:25:16 Weedoze

を独自のコードを追加することができますboolean

としてトグル値を保つ第二の可変を追加しましたコントローラー機能を使用せずに実行してください。

angular.module('app', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="app"> 
 
    <i ng-init="basePrice = 10" class="checkbox pull-left" ng-click="basePrice = basePrice == 10 ? 25 : 10">PRICE</i> 
 
    {{basePrice}} 
 
</body>

出典

2016-10-20 12:33:04 Vanojx1

角をクリックすると変数が変化する

答えて

関連する問題