Javascript 将ng模型和angularjs相加

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

我还是个新手,很容易忘记。我正在做一个项目,它有各种下拉(选择)菜单,每个菜单都有一个单独的值。我怎样才能把它们加在一起呢

到目前为止,我已经有了两个dropmenu示例,但最终将有大约30个。请告诉我哪里出了问题

<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;


};