current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote -1 down vote favorite

In HTML file:

...
<ul>
    <li><a href="#" ng-click="addFruit('Apple')">Apple</a></li>
    <li><a href="#" ng-click="addFruit('Banana')">Banana</a></li>
    <li><a href="#" ng-click="addFruit('Coconut')">Coconut</a></li>
</ul>
...

Controller:

...
$scope.addFruit = function(fruitName) {
    $scope.fruitObject.name = fruitName;
};

$scope.fruitObject = {
    name: '',
}

So, if I click the link in the HTML file, it changes fruitObject.name. I want to add the function that if I click the link with shift key, the value will be added to the fruitObject:

$scope.fruitObject = {
    name: ['Apple', 'Banana']
}
  1. Can I do this without using a angular directive?
  2. And if I can/can't, could you write an example code?

JSFiddle: http://jsfiddle.net/6QcEc/

share|improve this question
1  
Can you post a Fiddle? I have an idea. Put I Can't play with it as there is no Fiddle –  Danny van Holten Jul 30 '14 at 20:37
    
Not sure how to do it in Angular, but you can reference the shiftKey property of the Event object at any time to see whether the Shift key is being held down. –  HartleySan Jul 30 '14 at 20:37

1 Answer 1

up vote 3 down vote accepted

According to the docs ngClick can give you the $event object which can tell you if the shift key is pressed.

<li><a href="#" ng-click="addFruit('Apple',$event)">Apple</a></li>
            ...
$scope.addFruit = function(fruitName,$event) {
    $scope.fruitObject.name = fruitName;
    if($event.shiftKey){
         //logic
    }
};
share|improve this answer
    
Aha '$event' is the key. Thanks! –  Kimchi Man Jul 30 '14 at 20:48
    
when I click the link with a shift key, it selects the text with block. How can I prevent from selecting text block? –  Kimchi Man Jul 30 '14 at 21:33

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.