javascript - Angular : dynamic value issue

Question

我正在尝试根据通过选择框在 View 中所做的选择来显示来自大型数据对象的不同数据。我正在像这样填充数据

$scope.displayData = $scope.dataObj[$scope.selectedType][$scope.networkType];

我的选择选项中有 ng-model。

<select ng-model="networkType">
    <option value="networkOne">One</option>
    <option value="networkTwo">Two</option>
    <option value="networkThree">Three</option>
</select>

<select ng-model="selectedType">
    <option value="typeOne">One</option>
    <option value="typeTwo">Two</option>
    <option value="typeThree">Three</option>
</select>

我初始化了这两个变量

    $scope.selectedType = 'individual';
    $scope.networkType = 'inNetwork';

$scope.displayData 最初是正确的。但是，当我更改下拉列表时，displayData 不会更改其值来访问新数据。我不确定我在这里缺少哪一步。

Answer 1

我认为您应该使用 ng-change 更新显示数据事件。

在你的 Controller 中添加一个更新函数

$scope.updateDisplay = function() {
    $scope.displayData = $scope.dataObj[$scope.selectedType][$scope.networkType];
};

添加ng-change为你的 <select>元素

<select ng-model="networkType" ng-change="updateDisplay()">
    <option value="networkOne">One</option>
    <option value="networkTwo">Two</option>
    <option value="networkThree">Three</option>
</select>

<select ng-model="selectedType" ng-change="updateDisplay()">
    <option value="typeOne">One</option>
    <option value="typeTwo">Two</option>
    <option value="typeThree">Three</option>
</select>