第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 angularjs 修改 css 類

使用 angularjs 修改 css 類

慕無忌1623718 2023-03-03 16:01:54
我正在嘗試更改輸入單選組中所選按鈕的類別。每個按鈕代表一個座位,然后將顯示所選的總數(shù)。   $scope.calculateChecked = function() {      var count = 0;            angular.forEach($scope.data, function(value) {        if(value.checked)          count++;      });            return count;   };這是我的 plunker 示例: http://plnkr.co/edit/wKzcz6TbYmfbL5mW? open=lib%2Fscript.js&deferRun=1What I'm trying to accomplished is that when a particular seat selected (ie: seat 4), then all the previous seat (1,2,3) will be selected automatically, and then calculated as 4 seats price, like so我知道我使用的是過時的版本,但我仍在學(xué)習(xí)基礎(chǔ)知識。提前感謝所有幫助和建議,非常感謝:)
查看完整描述

1 回答

?
婷婷同學(xué)_

TA貢獻(xiàn)1844條經(jīng)驗 獲得超8個贊

這是我的Plunker演示。

在您看來:不是使用模型的show屬性而是使用屬性user.checked,這樣您就不必同步兩個值。


<label style="width:100px;padding: 13px;border-radius: 5px;background: dimgray;

       text-align: center;color: white;box-shadow: 0px 0px 17px -4px rgba(140,140,140,1);" 

       ng-class="{checked: user.checked}">

<input type="checkbox" style="display:none" value="1" name="options" 

       ng-model="user.checked" ng-click="userClick(user)"/>

<i class="fas fa-couch h2 px-2"></i><br />

${{price}}

{{ x }}

</label>

控制器:添加此功能


$scope.userClick = function(user) {

    if(user.checked) {

       var i = 0;       

       while($scope.data[i].name != user.name)

       {

          $scope.data[i].checked = true;

          i++;

       };

    }

};


查看完整回答
反對 回復(fù) 2023-03-03
  • 1 回答
  • 0 關(guān)注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號