Question

我是Angular的新手所以非常感谢所有的帮助。我有两个选择下拉列表，我需要将它们组合成一个值并分配给cusPro.height。这是这样的：

<select class="form-control" name="height" ng-model="cusPro.height">
<option value="3">3</option>
<option value="4">4</option>
etc...

但我想这样做：

<select class="form-control" name="height_ft" ng-model="feet">
    <option value="3">3</option>
    <option value="4">4</option>
    etc...
<select class="form-control" name="height_in" ng-model="inches">
    <option value="3">3</option>
    <option value="4">4</option>
    etc...

我尝试了cusPro.height = feet + '\' ' + inches + '\"';并得到了：

referenceError：未定义cusPro

Answer 1

首先，Angular会使用自己的实现覆盖by.column指令，该实现不需要多个select标记。请仔细阅读here的工作原理。

然后您的HTML将如下所示：

option

Answer 2

在Controller：

中

$scope.feet = []; // Your data
$scope.inches = []; // Your data

// Merge data
$scope.displayedData = $scope.fee.concat($scope.inches);

在view：

中

<select class="form-control" name="height_ft" ng-model="displayedData">
    <option value="3">3</option>
    <option value="4">4</option>

角度 - 将两个选定的模型值合并为一个

2 个答案: