Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angularjs根据模型中的选项数进行选择_Javascript_Angularjs - Fatal编程技术网

Javascript angularjs根据模型中的选项数进行选择

Javascript angularjs根据模型中的选项数进行选择,javascript,angularjs,Javascript,Angularjs,我目前在angular应用程序中有一个选择: 我正试图根据结果的数量来管理我的选择 HTML 如果我的typeOptions中只有一个元素,我希望唯一的选项被预先选择。现在,如果我有多个元素,我想要一个选项,上面写着“selectanoption”,但不能让它在所需的Select中被选中。提前感谢您的帮助 你能试试下面的控制器代码吗 var myApp = angular.module('myApp',[]); function MyCtrl($scope) { $scope.form

我目前在angular应用程序中有一个选择:

我正试图根据结果的数量来管理我的选择

HTML


如果我的typeOptions中只有一个元素,我希望唯一的选项被预先选择。现在,如果我有多个元素,我想要一个选项,上面写着“selectanoption”,但不能让它在所需的Select中被选中。提前感谢您的帮助

你能试试下面的控制器代码吗

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.form = {};
    $scope.typeOptions = [
    { name: 'Feature', value: 'feature' }, 
    { name: 'Bug', value: 'bug' }, 
    { name: 'Enhancement', value: 'enhancement' }
    ];
    $scope.form.type=($scope.typeOptions.length===1) ? $scope.typeOptions[0].value : '';
}

也更新了你的

你能试试下面的控制器代码吗

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.form = {};
    $scope.typeOptions = [
    { name: 'Feature', value: 'feature' }, 
    { name: 'Bug', value: 'bug' }, 
    { name: 'Enhancement', value: 'enhancement' }
    ];
    $scope.form.type=($scope.typeOptions.length===1) ? $scope.typeOptions[0].value : '';
}

还更新了您的

您在SO上提供的代码有效

你的问题只在有线的人身上

<option style="display:none" value="">select a type</option>

您在上提供的代码非常有效

你的问题只在有线的人身上

<option style="display:none" value="">select a type</option>

您可以将选项元素添加到select中,使其类似

<select ng-model="" required
   ng-options="option.value for option in typeOptions">
   <option value=''>- Please Choose -</option>
</select>

-请选择-
如果options.length等于1,只需在控制器中进行检查,然后设置ng模型。好的是,所需的验证仍然有效

这是
如果删除了注释,则显示选择选项

,您可以将选项元素添加到select to like中

<select ng-model="" required
   ng-options="option.value for option in typeOptions">
   <option value=''>- Please Choose -</option>
</select>

-请选择-
如果options.length等于1,只需在控制器中进行检查,然后设置ng模型。好的是,所需的验证仍然有效

这是
如果您删除了“评论显示选择”选项

非常感谢,成功了:)非常感谢,成功了:)