如何在點擊標記內切換標籤文本和參數？

標記：如何在點擊標記內切換標籤文本和參數？

<li ng-click="getTrendingOnType('date')"> 
    <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'date')}">New</button> 
</li> 
<li ng-click="getTrendingOnType('geo')"> 
    <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'geo')}">Nearby</button> 
</li>  
<li ng-click="getTrendingOnType(activeTab == 'score')"> 
    <button type="button " class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'score')}">A - Z</button> 
</li>

如圖片所示，我有這3個列表項。我已經在上面提供了必要的標記。我想將A-Z切換到Z-A，反之亦然。我不需要另一個按鈕來實現此功能。我想在標記中只使用JS。任何想法？？？

預先感謝您。這個應用程序是在angularjs中。

來源

2017-08-02 EPI

哪些參數youu都在談論什麼？你想改變什麼參數？ – anu

這樣的事情我想實現，但用同樣的按鈕。我正在說要改變getTrendingOnType（）函數的參數。我在評論中提到了參數。謝謝。 – EPI

你爲什麼不這樣做？

<li ng-click="getTrendingOnType(activeTab == 'score'?'reverse_score':'score')"> 
    <button type="button " class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'score' || activeTab == 'reverse_score')}">{{activeTab == 'reverse_score'?'Z - A':'A - Z'}}</button> 
</li>

簡而言之。

來源

2017-08-02 06:41:00 anu

工作完美！謝謝 – EPI

你可以做這樣的事情，（無需JS）：

<li ng-init="activeTab = 'date'" ng-click="activeTab = 'date';getTrendingOnType('date')"> 
    <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'date')}">New</button> 
</li> 
<li ng-click="activeTab = 'geo';getTrendingOnType('geo')"> 
    <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'geo')}">Nearby</button> 
</li>  
<li ng-click="activeTab = 'score';getTrendingOnType(activeTab == 'score')"> 
    <button type="button " class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'score')}">A - Z</button> 
</li>

來源

2017-08-02 06:33:22

這也適用。 – EPI

<script src="~/Scripts/angular.min.js"></script>  
<script> 
    var app = angular.module("ap", []).controller("c", function ($scope) { 
     $scope.getTrendingOnType = function() { alert(); }; 
    }); 
</script> 

<div ng-app="ap" ng-controller="c">  
    <input type="button" ng-click="getTrendingOnType()"> 
    <ul> 
     <li ng-c-lick="getTrendingOnType()"> 
      <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'date')}">New</button> 
     </li> 
     <li ng-click="getTrendingOnType('geo')"> 
      <button type="button" class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'geo')}">Nearby</button> 
     </li> 
     <li ng-click="getTrendingOnType(activeTab == 'score')"> 
      <button type="button " class="btn btn-default home_btn" ng-class="{'home_active': (activeTab == 'score')}">A - Z</button> 
     </li> 
    </ul> 
</div>

來源

2017-08-02 06:42:44

這是什麼？不明白。 – EPI

執行，ng-click不能爲li工作。檢查我的代碼 –

對我來說，ng-click正在工作。我只是想改變包含的功能和綁定文本的參數。 – EPI

你可以用簡單的css來實現它。切換reverseText類的按鈕上點擊

.reverseText { 
 
    direction: rtl; 
 
    unicode-bidi: bidi-override;  
 
} 
 

 
div { 
 
    text-align: center; 
 
}

<div>A - Z</div> 
 
<div class="reverseText">A - Z</div>

來源

2017-08-02 06:46:32

那麼改變參數怎麼樣？當然，我們不能用CSS來完成。 – EPI

如何在點擊標記內切換標籤文本和參數？

回答

相關問題