角度範圍更新事件

我有一組動態更新範圍的代碼。角度範圍更新事件

<div id="ddlType" class="dropdown ddWrap"> 
    <div data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
     <span class="icon 1Icon"></span> <span class="dseleced">span</span> 
     <span class="caret pull-right"></span> 
    </div> 
    <ul class="dropdown-menu" aria-labelledby="dLabel"> 
     <li data-value="1"><a href="#"><span class="iconDD 1Icon"></span> type 1</a></li> 
     <li data-value="2"><a href="#"><span class="iconDD 2Icon"></span> type 2</a></li> 
     <li data-value="3"><a href="#"><span class="iconDD 3Icon"></span> type 3</a></li> 
     <li data-value="4"><a href="#"><span class="iconDD 4Icon"></span> type 4</a></li> 
    </ul> 
</div>

，後

當用戶選擇李它更新「.dseleced」與價值類和數據值跨度那麼我需要在數據庫更新

感謝

來源

2017-06-05 Md. Parvez Alam

可以顯示HTML結構？ – Sandeep

是否需要，因爲我需要知道跟蹤跨度更新事件的方法 –

由於您已經在jQuery中編寫代碼，因此您可以在'click'事件中操作和檢查下拉類型。 –

試試這個，

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.dvalue = ""; 
 
    $scope.updateDValue = function(ths){ 
 
     $scope.dvalue=ths.target.parentNode.getAttribute('data-value'); 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <div id="ddlType" class="dropdown ddWrap"> 
 
    <div data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
 
     <span class="icon 1Icon"></span> <span class="dseleced {{dvalue}}" data-value="{{dvalue}}">span {{dvalue}}</span> 
 
     <span class="caret pull-right"></span> 
 
    </div> 
 
    <ul class="dropdown-menu" aria-labelledby="dLabel"> 
 
     <li data-value="1"><a href="#" ng-click="updateDValue($event)"><span class="iconDD 1Icon"></span> type 1</a></li> 
 
     <li data-value="2"><a href="#" ng-click="updateDValue($event)"><span class="iconDD 2Icon"></span> type 2</a></li> 
 
     <li data-value="3"><a href="#" ng-click="updateDValue($event)"><span class="iconDD 3Icon"></span> type 3</a></li> 
 
     <li data-value="4"><a href="#" ng-click="updateDValue($event)"><span class="iconDD 4Icon"></span> type 4</a></li> 
 
    </ul> 
 
    </div> 
 
</div>

來源

2017-06-05 08:05:28

角度範圍更新事件

回答

相關問題