Question

我有一个下拉菜单，这是一个普通的HTML代码，它只包含Angularjs标签，因为我需要填充第二个AngularJs下拉菜单。这是第一个下拉菜单：

<select class="form-control" ng-model="selectClass" ng-change="changed()" id="class" name="class">

有一个选定的选项，遗憾的是我无法在浏览器中看到它，只能作为源代码。

为什么？

Answer 1

我发布了我的示例，因此您可以看到您的不同之处。要在浏览器中查看选项值，您必须渲染它。因此，您的绑定可能无法正常工作。顺便说一下，由于范围界定，将选项包装在对象中总是一个好主意。现在，只要对它们使用ng-repeat，就可以在数组中有很多选项。

   <html ng-app='app'>
    <head>
      <script>
         var app = angular.module('app',[]);
         app.controller('mainCtrl', function($scope) {
         $scope.selectClass = {
           id: 'Option 1',
           text: "Text for option A"
         };
         $scope.changed = function() {
           window.alert($scope.selectClass.value);  
         };
       });
    </script>
 </head>
 <body>
    <div ng-controller="mainCtrl">
      <select class="form-control" ng-model="selectClass.value" ng-change="changed()" id="class" name="class">
      <option id="selectClass.id">{{ selectClass.text }}</option>
      </select>
    </div>
  </body>

所选选项不显示。也许angularjs问题？

1 个答案: