Javascript 所选选项不显示。也许是安格拉斯的问题？_Javascript_Html_Angularjs

Javascript 所选选项不显示。也许是安格拉斯的问题？

javascript html angularjs

Javascript 所选选项不显示。也许是安格拉斯的问题？,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个下拉菜单，这是一个普通的HTML代码，它只包含Angularjs标记，因为我需要它来填充第二个Angularjs下拉菜单。这是第一个下拉菜单： <select class="form-control" ng-model="selectClass" ng-change="changed()" id="class" name="class"> 有一个选中的选项，不幸的是，我无法在浏览器中看到它，只能作为源代码为什么会这样？我已经发布了我的示例，以便您可以看到您的不同之处。

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

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

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

为什么会这样？

我已经发布了我的示例，以便您可以看到您的不同之处。若要在浏览器中查看选项值，必须对其进行渲染。因此，可能您的绑定不起作用。顺便说一句，由于作用域的原因，在对象中包装选项总是一个好主意。现在，只要在数组中使用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>


var-app=angular.module（'app'，[]）；
应用程序控制器（'mainCtrl'，函数（$scope）{
$scope.selectClass={
id:'选项1'，
文本：“选项A的文本”
};
$scope.changed=函数（）{
window.alert（$scope.selectClass.value）；
};
});
{{selectClass.text}

标签在哪里？是否有一些选项？当然，我有选择结束标记和选项！我很肯定你的例子是有效的。我和你的部分不同。我有纯HTML，在检查源代码时选择了正确的选项，但在浏览器中没有这样标记。我认为这是标记中angularjs标记的一些问题。这可能吗？select保留从select下拉列表中选择的选项（变量）。如果您可以在控制器中获得值，这意味着您的绑定和角度本身设置正确。人们真正建议的一件事是使用对象来表示选项，因为如果范围存储在简单变量中，它可能会覆盖您的值。因此，如果浏览器显示的值与您选择的值不同，请检查此问题以及您的控制台。我没有完整的代码要看。