Fatal编程技术网

Javascript 正确处理角度选择

javascript angularjs

Javascript 正确处理角度选择,javascript,angularjs,html-select,Javascript,Angularjs,Html Select,我是个新手。我已经声明了select（jade语法） 和状态初始化为 $scope.statuses = [ {name:'Active', value:1}, {name:'Not active', value: 0} ]; 在生成的“选择”中，不选择任何内容，并将其渲染为 <select ng-model="projectData.ProjectStatus" ng-options="c.name for c in statuses" class="ng-pris

我是个新手。我已经声明了select（jade语法）

和状态初始化为

$scope.statuses = [
  {name:'Active', value:1},
  {name:'Not active', value: 0}
];
在生成的“选择”中，不选择任何内容，并将其渲染为

<select
  ng-model="projectData.ProjectStatus"
  ng-options="c.name for c in statuses"
  class="ng-pristine ng-valid">
    <option value="?" selected="selected"></option>
    <option value="0">Active</option>
    <option value="1">Not active</option>
</select>


活跃的
不活跃
如何指定需要选择的选项，以及如何避免使用“？”呈现第一个选项，因此我只需在已选择“非活动”或“活动”的位置进行选择

请注意，$scope.projectData.ProjectStatus已发送到1，但在此处似乎不起作用…

您不应手动使用选项标记，而应尝试以下代码使其工作

<body ng-controller="MainCtrl" >
 <div>
   <select ng-model="projectData.ProjectStatus" ng-options="c.value as c.name for c in data"></select>
</div>
    <script>
        var app = angular.module('demo', []);
        alert(app);

        app.controller('MainCtrl', function ($scope) {
            $scope.data = [{ name: 'Active', value: 1 }, { name: 'Not active', value: 0 }];
            $scope.projectData = { ProjectStatus: 0 }
        });

    </script>
</body>

</html>


var app=angular.module（'demo'，[]）；
警报（app）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.data=[{name:'Active'，value:1}，{name:'notactive'，value:0}]；
$scope.projectData={ProjectStatus:0}
});
您可以通过在控制器中设置模型值来设置select的默认值：


$scope.projectData.ProjectStatus=$scope.status[0]；

另外，请注意，html中呈现的选项值实际上是在
ng options
中传递的数组的索引。
更多信息请参见。

也许我想在$scope上创建currentSelection变量并使用它。 
<body ng-controller="MainCtrl" >
 <div>
   <select ng-model="projectData.ProjectStatus" ng-options="c.value as c.name for c in data"></select>
</div>
    <script>
        var app = angular.module('demo', []);
        alert(app);

        app.controller('MainCtrl', function ($scope) {
            $scope.data = [{ name: 'Active', value: 1 }, { name: 'Not active', value: 0 }];
            $scope.projectData = { ProjectStatus: 0 }
        });

    </script>
</body>

</html>