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生成的下拉列表重複必須是一個字符串。