javascript - Shift 单击以在不使用 Angular Directive(指令)的情况下为对象添加值

Question

在 HTML 文件中:

...
<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: '',
}

因此，如果我单击 HTML 文件中的链接，它会更改 fruitObject.name。我想添加一个功能，如果我用 shift 键 单击链接，该值将被添加到 fruitObject:

$scope.fruitObject = {
    name: ['Apple', 'Banana']
}

1. 我可以在不使用 Angular Directive(指令)的情况下执行此操作吗？
2. 如果我可以/不能，你能写一个示例代码吗？

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

Answer 1

根据文档 ngClick可以给你$event可以告诉您是否按下了 shift 键的对象。

<li><a href="#" ng-click="addFruit('Apple',$event)">Apple</a></li>
            ...
$scope.addFruit = function(fruitName,$event) {
    $scope.fruitObject.name = fruitName;
    if($event.shiftKey){
         //logic
    }
};