Javascript 将ng模型和angularjs相加
我还是个新手,很容易忘记。我正在做一个项目,它有各种下拉(选择)菜单,每个菜单都有一个单独的值。我怎样才能把它们加在一起呢 到目前为止,我已经有了两个dropmenu示例,但最终将有大约30个。请告诉我哪里出了问题Javascript 将ng模型和angularjs相加,javascript,angularjs,select,Javascript,Angularjs,Select,我还是个新手,很容易忘记。我正在做一个项目,它有各种下拉(选择)菜单,每个菜单都有一个单独的值。我怎样才能把它们加在一起呢 到目前为止,我已经有了两个dropmenu示例,但最终将有大约30个。请告诉我哪里出了问题 <table> <tr ng-controller="myCTRL"> <td><select ng-model="myOptionOP" ng-options="value.armour as value.label for va
<table>
<tr ng-controller="myCTRL">
<td><select ng-model="myOptionOP" ng-options="value.armour as value.label for value in myOptionsOP"></select></td>
<td align=left width=200>Base Armour: {{myOptionOP}}</td>
<tr ng-controller="myCTRL">
<td><select ng-model="myOptionWH" ng-options="value.armour as value.label for value in myOptionsWH"></select></td>
<td align=left width=200>Base Armour: {{myOptionWH}}</td>
<tr ng-controller="myCTRL">
<td align=left width=200>Total: {{total}}</td>
</table>
内部不需要多个控制器
var-appBubble=angular.module('myExample',[]);
函数myCTRL($scope){
$scope.myOptionsOP=[
{“装甲”:1000,“标签”:“1”},
{“装甲”:2000,“标签”:“2”},
{“装甲”:4000,“标签”:“3”},
{“装甲”:8000,“标签”:“4”},
{“装甲”:16000,“标签”:“5”},
{“装甲”:32000,“标签”:“6”},
{“装甲”:64000,“标签”:“7”},
{“装甲”:750000,“标签”:“8”}];
$scope.myOptionsWH=[
{“装甲”:1001,“标签”:“1”},
{“盔甲”:2001年,“标签”:“2”},
{“装甲”:4001,“标签”:“3”},
{“装甲”:8001,“标签”:“4”},
{“装甲”:16001,“标签”:“5”},
{“装甲”:32001,“标签”:“6”},
{“装甲”:64001,“标签”:“7”},
{“装甲”:750001,“标签”:“8”}];
//$scope.total=$scope.myOptionsOP.armar+$scope.myoptionsw.armar;
};代码>
基础装甲:{myOptionOP}
基础装甲:{{myOptionWH}}
总计:{myOptionOP+myOptionWH}
内部无需多个控制器
var-appBubble=angular.module('myExample',[]);
函数myCTRL($scope){
$scope.myOptionsOP=[
{“装甲”:1000,“标签”:“1”},
{“装甲”:2000,“标签”:“2”},
{“装甲”:4000,“标签”:“3”},
{“装甲”:8000,“标签”:“4”},
{“装甲”:16000,“标签”:“5”},
{“装甲”:32000,“标签”:“6”},
{“装甲”:64000,“标签”:“7”},
{“装甲”:750000,“标签”:“8”}];
$scope.myOptionsWH=[
{“装甲”:1001,“标签”:“1”},
{“盔甲”:2001年,“标签”:“2”},
{“装甲”:4001,“标签”:“3”},
{“装甲”:8001,“标签”:“4”},
{“装甲”:16001,“标签”:“5”},
{“装甲”:32001,“标签”:“6”},
{“装甲”:64001,“标签”:“7”},
{“装甲”:750001,“标签”:“8”}];
//$scope.total=$scope.myOptionsOP.armar+$scope.myoptionsw.armar;
};代码>
基础装甲:{myOptionOP}
基础装甲:{{myOptionWH}}
总计:{myOptionOP+myOptionWH}
无需让多个控制器尝试以下操作-
Fiddle
无需让多个控制器尝试以下操作-
Fiddle
你好,谢谢。我试过了,但没用,但我注意到你有你好,谢谢。我试过了,但没用,但我注意到你成功了
var appBubble = angular.module('myExample', []);
function myCTRL($scope) {
$scope.myOptionsOP = [
{"armour": 1000, "label": "1"},
{"armour": 2000, "label": "2"},
{"armour": 4000, "label": "3"},
{"armour": 8000, "label": "4"},
{"armour": 16000, "label": "5"},
{"armour": 32000, "label": "6"},
{"armour": 64000, "label": "7"},
{"armour": 750000, "label": "8"}];
$scope.myOptionsWH = [
{"armour": 1001, "label": "1"},
{"armour": 2001, "label": "2"},
{"armour": 4001, "label": "3"},
{"armour": 8001, "label": "4"},
{"armour": 16001, "label": "5"},
{"armour": 32001, "label": "6"},
{"armour": 64001, "label": "7"},
{"armour": 750001, "label": "8"}];
$scope.total = $scope.myOptionsOP.armour + $scope.myOptionsWH.armour;
};