NG-模型范围不适而与NG选项使用

Question

我只是想实现一个简单的下拉列表，这里是我的代码

<select ng-change="selectTestSuite();" ng-model="testCase" ng-options="testSuite.TEST_NAME for testSuite in publicTestCase"></select> 

在控制器时，我试图在测试用例的打印值它给未定义的控制台。但是当我尝试使用

{{testCase.TEST_ID}} 

打印测试用例的ID它给了我身份证。我也通过使用$手表检查

$scope.$watch('testCase',function() { 
    console.log($scope.testCase); 
}); 

无法弄清楚我在哪里犯错误。赞赏任何帮助。

Answer 1

我觉得ng选项没有问题。

其实ng-options将“testSuite.TEST_NAME”映射为ng模型的模型。

确保“testSuite.TEST_NAME”在“publicTestCase”收藏是可用的（无论是不确定的）。

Answer 2

您正在将testCase绑定到testSuite.TEST_NAME。 你NG选项应该是这样的：

<select ng-change="selectTestSuite()" ng-model="testCase" ng-options="testSuite as testSuite.TEST_NAME for testSuite in publicTestCase"></select> 

该模型被绑定到测试组件从publicTestCase数组中记录的值，并为每个测试套件你想要的testSuite.TEST_NAME被显示为选项文本。

Answer 3

enter image description here

注： - 请找图像link.image包含代码 NG重复指令重复对阵列中的每个项目的HTML代码块，它可以被用来创建在下拉列表中选择，但ng-options指令专门用于填充含选项的下拉列表，并且至少具有一个重要优点：

使用ng选项进行的下拉菜单允许将所选值作为对象，而由ng生成的下拉列表重复必须是一个字符串。