亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

angular.js - Angularjs中點擊事件傳遞參數 給class更換樣式。

瀏覽:98日期:2024-10-02 11:12:05

問題描述

想要實現的圖如下:

angular.js - Angularjs中點擊事件傳遞參數 給class更換樣式。

現在我已經把基本形狀和功能實現了,可是點擊一個圖標,在“適配設備”旁更換圖標,這個功能沒有發生預期的結果。請教各位,我的那個部分寫錯的?

1、這里是“適配設備”旁邊點擊不同下拉框中的圖標會被替換的圖標。(就是我想要實現的功能。)

<i ng-class='{’ ico-screen-pc’:pc, ’ ico-screen-projector’:projector, ’ ico-screen-tv’:tv}'></i>

2、這部分是下拉框中 可以點擊不同圖標

<ul ng-show='show_apparatus'> <li ng-click='displayModeData.choose_display(’pc’)'> <i class='ico-screen-pc'></i> </li> <li ng-click='displayModeData.choose_display(’projector’)'> <i class='ico-screen-projector'></i> </li> <li ng-click='displayModeData.choose_display(’tv’)'> <i class='ico-screen-tv'></i> </li></ul>

3、這部分是js 的函數代碼

$scope.pc = true;$scope.displayModeData = { pc: true, choose_display : function( displayMode ){$scope.pc = ( displayMode === ’pc’ );$scope.projector = ( displayMode === ’projector’ );$scope.tv = ( displayMode === ’tv’ ); }};

請教大家 我的哪部分寫錯了呢?

問題解答

回答1:

來,按我的改:

$scope.displayModeData = { pc: true, choose_display : function( displayMode ){$scope.displayMode = displayMode; }};

<i ng-class='{’ ico-screen-pc’:displayMode === ’pc’, ’ ico-screen-projector’: displayMode === ’projector’, ’ ico-screen-tv’: displayMode === ’tv’}'></i>回答2:

<i class='{{selectedClass}}'> </i><ul ng-show='show_apparatus'> <li ng-click='$parent.selectedClass = icon.className' ng-repeat='icon in icons'><i class='{{icon.className}}'></i>asdadasd </li></ul>

$scope.icons = [ {title: ’PC顯示屏’, className: ’ico-screen-pc’}, {title: ’投影儀’, className: ’ico-screen-projector’}, {title: ’TV顯示屏’, className: ’ico-screen-tv’}];$scope.selectedClass = $scope.icons[0].className;

相關文章:
主站蜘蛛池模板: 国产黄色片视频 | 狼人香蕉国产在线视频 | 亚洲精品色图 | 福利综合网 | 亚洲国产精品a一区 | 诱人的女邻居bd中文字幕 | 一区二区三区欧美 | 欧美综合视频在线 | 女人午夜色又刺激黄的视频免费 | 精品一精品国产一级毛片 | 朴妮唛禁福利视频在线 | 日本japanesevideo护士 | 一级黄色小视频 | 香蕉视频在线观看网站 | 国产不卡的一区二区三区四区 | 久久精品国产精品青草 | 成人午夜小视频 | 国产成人精品微拍视频 | 国模偷拍在线观看免费视频 | 免费成年人在线观看视频 | 国产成人深夜福利在线观看 | 国产成人在线免费视频 | 亚洲自拍偷拍视频 | 中文线码中文高清播放中 | 欧美日韩在线播放一区二区三区 | 欧美日韩第一区 | 日本免费久久久久久久网站 | 国产欧美一区二区三区在线 | 亚洲国产欧美日韩第一香蕉 | 欧洲欧美人成免费观看 | 欧美一级特黄aaaaaaa在线观看 | 国产麻豆传媒视频 | 欧美成人h精品网站 | 国产成人综合网在线播放 | 国产精品久久毛片蜜月 | 九九精品免视频国产成人 | 日本国产在线观看 | 日鲁夜鲁鲁狠狠综合视频 | 黄色网页在线 | 久久99国产精品一区二区 | 草草影视在线观看 |