0
我有板球選手卡，其中用戶可以選擇11出30可能，有2在測試atm，問題是，我選擇在一個孩子的球員它將它們添加到父範圍中聲明的數組中。然後，相同的數組映射到不同的子範圍，但值不會傳遞。代碼下面，任何幫助將是偉大的。乾杯！！孩子範圍到家長範圍不同的孩子範圍
var page = '<div class="section cricket">' +
'<div class="input-frame " focus-after-error fill-panel>' +
'<p>Your Choices</p>' +
'<div class="chosen-cards" data-cards-chosen="chosenPlayers" data-chosen-cards>' +
'</div>' +
'</div>' +
'<div class="input-frame" focus-after-error fill-panel>' +
'<fieldset class="cricket-inputs" id="custom-checkbox" data-error-message="There is an error" data-required="true" data-cards="" data-player-cards="players">' +
'</fieldset>' +
'</div>' +
'</div>';
var card = '<div class="card" ng-repeat="playerCard in playerCards" data-choose-card="" data-name=" {{playerCard.name}}" data-img="{{playerCard.img}}">' +
'<div class="player" >' +
'<img src="images/{{playerCard.img}}">' +
'<div class="inner-overlay"></div>' +
'</div>' +
'<p>{{playerCard.name}}</p>' +
'</div>';
(function() {
'use strict';
// --------------------------------------------------------------------------
// Cricket Page
// --------------------------------------------------------------------------
angular.module('eform').directive('cricket', ['$timeout', function ($timeout) {
return {
restrict: 'A',
template: page,
scope: true,
controller: function($scope){
},
link: function($scope, $element){
$scope.players = [
{name: 'George Baily', img: 'Bailey.png'},
{name: 'Micheal Clarke', img: 'Clarke.png'}
];
$scope.chosenPlayers = [];
$timeout(function(){
$element = $element.find('.card');
$element.on('click', function(){
var $this = $(this);
if($this.hasClass('chosen')){
$this.removeClass('chosen').removeClass('active');
} else {
$this.addClass('chosen');
$scope.chosenPlayers.push({name : $this.attr('data-name'), img : $this.attr('data-img')});
}
});
$($element[0]).hover(function() {
var $this = $(this);
$this.addClass('active');
}, function() {
var $this = $(this);
$this.removeClass('active');
});
});
}
};
}]);
})();
(function() {
'use strict';
// --------------------------------------------------------------------------
// Cricket card
// --------------------------------------------------------------------------
angular.module('eform').directive('cards', [ function() {
return {
restrict: 'A',
template: card,
scope : {
playerCards : '=playerCards'
}
};
}]);
})();
(function() {
'use strict';
// --------------------------------------------------------------------------
// Cricket card
// --------------------------------------------------------------------------
angular.module('eform').directive('chosenCards', [ function() {
return {
restrict: 'A',
template: card,
scope : {
playerCards : '=cardsChosen'
}
};
}]);
})();