在 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']
}
- 我可以在不使用 Angular Directive(指令)的情况下执行此操作吗?
- 如果我可以/不能,你能写一个示例代码吗?
JSFiddle:http://jsfiddle.net/6QcEc/
最佳答案
根据文档 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
}
};
关于javascript - Shift 单击以在不使用 Angular Directive(指令)的情况下为对象添加值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25046386/