如何data-attr
在 Angularjs 中获取 html5值,并在同一类单击中单击相同的功能。
就像在 jquery 中我们点击一些类元素并获取当前元素 data-num
。
我必须以有角度的方式实现这一点。
如何让多类元素点击并获取当前数据值($this)?
<html ng-app="myApp">
<head></head>
<body ng-controller="mainController">
<div ng-click="clicked()" data-num="1" class="same white">White</div>
<div ng-click="clicked()" data-num="2" class="same green">Green</div>
<div ng-click="clicked()" data-num="3" class="same red">Red</div>
<div ng-click="clicked()" data-num="4" class="same white">White</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script>
var myApp = angular.module('myApp',[]);
myApp.controller('mainController',function($scope){
$scope.clicked = function(){
var id = angular.element('.same').scope();
console.log(id);
};
});
</script>
</html>
Run Code Online (Sandbox Code Playgroud) 我处境很奇怪.我有一个对象数组,我使用angular.forEach来修改每个对象价格键值,但是当我在每个对象中更改它时,它也会更改主数组对象.
看看代码,你会明白我想说的.
var option_1_val = $scope.options.option_1_val;
var option_2_val = $scope.options.option_2_val;
console.log('genies',sc.genies);
var new_arr = [];
var each ;
each = sc.genies;
angular.forEach(each,function(val,key){
var ob = {};
ob = val;
var priceA = angular.fromJson(ob.price);
console.log('price',priceA);
var option = option_1_val.replace(" ","-")+","+option_2_val.replace(" ","-");
console.log(option);
ob.price = priceA[option];
console.log(ob);
new_arr.push(ob);
});
option = 'Non-Vegetarian,' (after calculating)
sc.genies = [{"gs_id":"3","user_id":"25","service_id":"7","price":"{\"Vegetarian,Bengali\":\"200\",\"Vegetarian
,Chinese\":\"3100\",\"Vegetarian,Gujarati\":\"800\",\"Vegetarian,Italian\":\"100\",\"Vegetarian,Maharashtrian
\":\"100\",\"Vegetarian,Punjabi\":\"100\",\"Vegetarian,-South-Indian\":\"300\",\"Vegetarian,Thai\":\"100
\",\"Non-Vegetarian,Bengali\":\"1100\",\"Non-Vegetarian,Chinese\":\"3100\",\"Non-Vegetarian,Gujarati
\":\"100\",\"Non-Vegetarian,Italian\":\"100\",\"Non-Vegetarian,Maharashtrian\":\"100\",\"Non-Vegetarian
,Punjabi\":\"100\",\"Non-Vegetarian,-South-Indian\":\"80\",\"Non-Vegetarian,Thai\":\"100\",\"Jain,Bengali
\":\"2100\",\"Jain,Chinese\":\"2100\",\"Jain,Gujarati\":\"4100\",\"Jain,Italian\":\"100\",\"Jain,Maharashtrian
\":\"100\",\"Jain,Punjabi\":\"100\",\"Jain,-South-Indian\":\"800\",\"Jain,Thai\":\"100\"}","min_price"
:"80","max_price":"4100","username":"abdul quadir","email":"abdul.quadir@kiozen.com","rating":"3"}]
Run Code Online (Sandbox Code Playgroud)
现在,当我重复sc.genie,我已经在一个新的变量考虑它已经"每一个",然后我改变" 价格每个数组未定义但"键怪点,当我在价格SC的控制台值看.精灵也变成了"未定义".咦!
我希望你明白我的意思,请帮助我为什么会这样.
谢谢