角度范围更新事件

我有一组动态更新范围的代码。角度范围更新事件

<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

角度范围更新事件

回答

相关问题