无法在 angularjs 控制器中分配下拉选择值。

Question

我发现我面临的问题有点奇怪。这里是。

HTML

<div>
     <select ng-model="params.select" ng-change="View($event)">
           <option value="" disabled>-</option>
           <option value="table1">Table 1</option>
           <option value="table2">Table 2</option>
           <option value="table3">Table 3</option>
     </select>
</div>     

控制器

$scope.View = function ($event) {
  if($scope.params.select =='table1') {
     console.log('table 1 is selected');
  }

在上面的代码中，如果我检查下拉值是否为 table1，我可以检查。这工作正常。

但是，如果我尝试初始化它。例如

$scope.params.select = 'table1'

它在控制台视图中显示“无法设置未定义的属性“选择”的错误。有人可以突出显示我哪里出错了。

Answer 1

确保$scope.params 已定义且对象：

$scope.params = {}
$scope.params.select = 'table1'

或一次性定义和设置：

$scope.params = {select: 'table1'}