javascript 选择下拉菜单中的设置值不起作用

gupuwyp2  于 2023-06-20  发布在  Java
关注(0)|答案(2)|浏览(208)

我是Angular的新手,我们正在重写我们的应用程序。我好像连最基本的东西都搞不懂。我试图在获取数据后将选项值替换为ID。我创建了一个jsbin来处理静态数据,但似乎无法将Id设置为选项中的值。
JavaScript:

angular.module("testApp", []);

angular.module("testApp").controller("testController", function ($scope) {
  $scope.name="hi";
  
  $scope.projects = [{Id:"12345", Name:"crystal"}, {Id:"9987", Name:"emerald"}];
  
});

http://jsbin.com/dazolelu/1/edit

lp0sw83n

lp0sw83n1#

从项目中删除.id

<select ng-model="selectedProject" ng-options="proj as proj.Name for proj in projects"></select>

  {{selectedProject.Id}}

这里是URL:http://jsbin.com/rocajeja/1/
这是编辑URL:http://jsbin.com/rocajeja/1/edit

pw9qyyiw

pw9qyyiw2#

把这个加到你的控制器里

$scope.selectedProject= $scope.projects[0].Id;

这将告诉控制器将默认值,即$scope.selectedProject设置为第一个项目。
JsBin fiddle

相关问题