简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - Angularjs中点击事件传递参数 给class更换样式。
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 17:03:12
0
2
848

想要实现的图如下：

现在我已经把基本形状和功能实现了，可是点击一个图标，在“适配设备”旁更换图标，这个功能没有发生预期的结果。
请教各位，我的那个部分写错的？

1、这里是“适配设备”旁边点击不同下拉框中的图标会被替换的图标。
（就是我想要实现的功能。）

2、这部分是下拉框中 可以点击不同图标

     
  •   
    •  
  •   
    •  
  •   
    •

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' ); } };

请教大家 我的哪部分写错了呢？

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen (2)
PHPzhong
PHPzhong2017-05-15 17:05:12 2 Etage

来，按我的改：

$scope.displayModeData = { pc: true, choose_display : function( displayMode ){ $scope.displayMode = displayMode; } };
Wie+0
Antwort hinzufügen
    某草草
    某草草2017-05-15 17:05:12 1 Etage 
      
       
    •  asdadasd 
      •  
    $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;
    Wie+0
    Antwort hinzufügen
      Beliebte Themen
      Mehr>
      Populäre Artikel
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！