Angularjs 角度：下拉菜单赢得'；t填充

我的angular应用程序主页中有以下拒绝填充的代码：

<div ng-app="MyApp" ng-controller="MyController">
  <select
    class="form-control"
    ng-model="selected"
    ng-options="x.value for x.display in options"
  >
  </select>
</div>
<script>
  var app = angular.module("MyApp", []);
  app.controller("MyController", function($scope) {
    $scope.options = [
      { value: "ADVISORY", display: "Advisory Conflict Check" },
      { value: "OTHER", display: "Other Conflict Check" }
    ];
    $scope.selected = $scope.options[0];
  });
</script>

var-app=angular.module（“MyApp”，[]）；
app.controller（“MyController”，函数（$scope）{
$scope.options=[
{值：“咨询”，显示：“咨询冲突检查”}，
{值：“其他”，显示：“其他冲突检查”}
];
$scope.selected=$scope.options[0]；
});

你能告诉我哪里出了问题吗？我是新手

编辑：

我现在知道angular和angular.js之间的区别了。：）

我的代码使用以下HTML：

<select class="form-control" [(ngModel)]="conflictType" (ngModelChange)="updateConflictType($event)">
  <option *ngFor="let option of conflictTypes" 
    [value]="option.Value">{{option.Display}}</option>
</select>

{{option.Display}

---

由于缺少更好的术语，我可以将数据移到“代码隐藏”中。

如果您希望所选NgModel包含所选的x.value，则它应该是

ng options=“x.value as x.display for x in options”

。如果希望选定的NgModel包含完整的选定对象，请使用

ng options=“x as x.display for x in options”

这里有一个有效的例子

var-app=angular.module（“MyApp”，[]）；
app.controller（“MyController”，函数（$scope）{
$scope.options=[
{值：“咨询”，显示：“咨询冲突检查”}，
{值：“其他”，显示：“其他冲突检查”}
];
$scope.selected=$scope.options[0]。值；
});
如果希望选定的NgModel包含选定的x.value，则应为
ng options=“x.value as x.display for x in options”
。如果希望选定的NgModel包含完整的选定对象，请使用
ng options=“x as x.display for x in options”

这里有一个有效的例子


var-app=angular.module（“MyApp”，[]）；
app.controller（“MyController”，函数（$scope）{
$scope.options=[
{值：“咨询”，显示：“咨询冲突检查”}，
{值：“其他”，显示：“其他冲突检查”}
];
$scope.selected=$scope.options[0]。值；
});
看起来您使用的是AngularJS，并且错误地将问题标记为AngularJS。或者至少从AngularJS中的语法可以看出这一点

记住，这里有一个答案可以帮助您在AngularJS和AngularJS中实现这一点：

在AngularJS中：


页面标题
var-app=angular.module（“MyApp”，[]）；
app.controller（“MyController”，函数（$scope）{
$scope.options=[{
价值：“咨询”，
显示：“咨询冲突检查”
},
{
值：“其他”，
显示：“其他冲突检查”
}
];
$scope.selected=$scope.options[0]；
});
看起来您使用的是AngularJS，并且错误地将问题标记为AngularJS。或者至少从AngularJS中的语法可以看出这一点

记住，这里有一个答案可以帮助您在AngularJS和AngularJS中实现这一点：

在AngularJS中：


页面标题
var-app=angular.module（“MyApp”，[]）；
app.controller（“MyController”，函数（$scope）{
$scope.options=[{
价值：“咨询”，
显示：“咨询冲突检查”
},
{
值：“其他”，
显示：“其他冲突检查”
}
];
$scope.selected=$scope.options[0]；
});
我看到您添加了angular.js 1.4.6。我们正在使用Angular 6.1.0——至少根据Angular cli Angular cli:6.0.8节点：10.10.0操作系统：win32 x64 Angular:6.1。0@TheSharpNinja为什么你在使用Angularjs的时候给Angularjs问题加上标签，为什么你在使用Angularjs的时候使用Angularjs NgOptions指令。。请注意，Angularjs与Angularjs完全不同>2@TheSharpNinja下面是一个示例，我看到您添加了angular.js 1.4.6。我们正在使用Angular 6.1.0——至少根据Angular cli Angular cli:6.0.8节点：10.10.0操作系统：win32 x64 Angular:6.1。0@TheSharpNinja为什么你在使用Angularjs的时候给Angularjs问题加上标签，为什么你在使用Angularjs的时候使用Angularjs NgOptions指令。。请注意，Angularjs与Angularjs完全不同>2@TheSharpNinja这里有一个例子，角度的例子让我达到了我需要的地方，角度的例子让我达到了我需要的地方。