У меня есть строки и COLS, как следует:лучше понять директивы сферы
<ul class="ulgen clearfix" >
<li class="clearfix" ng-repeat='game in games| limitTo:limitrows'>
<div class="col1">{{game.id}}</div>
<div class="col2">
<span winner1 id="g{{$parent.$index+game.id}}1" ng-click="check($parent.$index,game.id,1)" data-row="{{game.id}}" data-col="{{$parent.$index+1}}" data-type="1" data-checked="0" class="gamebtncommen">
{{game.value| split:'-':0}}
</span>
</div>
<div class="col3">
<span winner1 id="g{{$parent.$index+game.id}}0" ng-click="check($parent.$index,game.id,0)" data-row="{{game.id}}" data-col="{{$parent.$index+1}}" data-type="0" data-checked="0" class="gamebtncommen">X</span>
</div>
<div class="col4">
<span winner1 id="g{{$parent.$index+game.id}}2" ng-click="check($parent.$index,game.id,2)" class="gamebtncommen" data-row="{{game.id}}" data-col="{{$parent.$index+1}}" data-type="2" data-checked="0">
{{game.value| split:'-':1}}
</span>
</div>
</li>
тогда я построил эту директиву:
tmControllers.directive('winner1', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
scope.check = function(col, row, type) {
col++;
console.log(element);
var el = element//$('.gamebtncommen[data-row="' + row + '"][data-col="' + col + '"][data-type="' + type + '"]');
if (el.hasClass('orangeback')) {
el.removeClass('orangeback');
element.attr('data-checked', 0);
scope.clacprice();
} else {
el.addClass('orangeback').data('checked', 1);
element.attr('data-checked', 1);
scope.clacprice();
}
}
scope.clacprice = function() {
var siz = $('.gamebtncommen[data-col="1"][data-checked="1"]').size();
console.log(siz);
проблема заключается в том, что строка получает одинаковый объем при проверке срока , Я хочу, чтобы директива изменила данные каждого диапазона, каждая строка проверила данные 1, в то время как я бы остановил ее на 3, если проверено 3 пролета
Проверить этот блог: http://www.undefinednull.com/2014/02/11/mastering-the-scope-of-a-directive-in-angularjs/ –