angularjs 选择没有 ng-options 或静态选项答案

【问题标题】：angularjs select without ng-options or static optionsangularjs 选择没有 ng-options 或静态选项
【发布时间】：2015-11-04 05:08:27
【问题描述】：

如何在 angularjs 中使用静态选择。

我想用 statc 值创建一个带有 change 事件的 select ng-model。

<form ng-controller="mycontroller">
    <select class="form-control"  name='modelid' ng-model="modelid"  ng-change="modelidchange">
        <option value="-1">select </option>       
        <option value='4'>Static text 4</option>
        <option value='1'>Static text 1</option>
        <option value='2'>Static text 2</option>                 
    </select>
</form>

我的控制器：

angular.module('app').controller('chapter',function($scope,$http) {
    console.log('ok')
    $scope.id = modelid
    alert($scope.id)
});

我只想获取模型值，但是这个错误：

Error: ngOptions:iexp
Invalid Expression

我不想使用 NG-OPTIONS 只是一个静态选择。

有人可以帮我吗？

【问题讨论】：

嗨，看看我回答的最后一部分......它应该可以按照您的预期解决您的问题
Initializing select with AngularJS and ng-repeat的可能重复

标签： angularjs angularjs-ng-options

【解决方案1】：

检查这个jsfiddle link，也许会有所帮助

<select ng-model="filterCondition.operator">
    <option ng-selected="{{operator.value == filterCondition.operator}}" ng-repeat="operator in operators" value="{{operator.value}}">{{operator.displayName}}</option>

还有这个answer

【讨论】：

【解决方案2】：

您首先需要稍微更改一下您的 AngularJS 代码...

从此

angular.module('app').controller('chapter',function($scope,$http){
                   console.log('ok')
    $scope.id = modelid
    alert($scope.id)
});

到此

angular.module('app').controller('chapter',function($scope,$http){
    $scope.id = $scope.modelid;
    alert($scope.id);
});

接下来你的控制器不匹配... 在 HTML 中，您的控制器是

<form ng-controller="mycontroller">

在 Angular 中，你的控制器是

.controller('chapter'...

所以从这里改变它

<form ng-controller="mycontroller">

到此

<form ng-controller="chapter">

最后但并非最不重要的:-)

您需要在控制器中定义要使用 ng-change 调用的函数...所以将整个代码更改为以下...

HTML

<form ng-controller="chapter">
    <select class="form-control"  name='modelid' ng-model="modelid"  ng-change="modelidchange()">
    <option value="-1">select </option>       
    <option value='4'>Static text 4</option>
    <option value='1'>Static text 1</option>
    <option value='2'>Static text 2</option>
</select>

角度

angular.module('app').controller('chapter',function($scope,$http){
    $scope.modelidchange = function () {
        $scope.id = $scope.modelid;
        alert($scope.id)
    }
});

【讨论】：