Javascript ng型号isn'；从ng选项中选择t_Javascript_Angularjs

Javascript ng型号isn'；从ng选项中选择t

javascript angularjs

Javascript ng型号isn'；从ng选项中选择t,javascript,angularjs,Javascript,Angularjs,我发现您的父id和项目id代码中有一个缺口。我为您的需求编写了一些代码。如果我理解正确，您希望在项目ID等于父项目ID时显示该项目。我已为您正确更新ng选项，因为它们应按项目的“ID”进行跟踪你在找类似的东西吗因此，您正在使用ng选项和嵌套的ng重复？抱歉-我更新了代码段请澄清您试图执行的操作。父id在$scope上存在吗？我刚刚做了一个Plunkr，它是有效的：你能展示一些在这里不起作用的示例数据吗？这看起来像是完美的功能代码。 <select class="form-control

我发现您的父id和项目id代码中有一个缺口。我为您的需求编写了一些代码。如果我理解正确，您希望在项目ID等于父项目ID时显示该项目。我已为您正确更新ng选项，因为它们应按项目的“ID”进行跟踪

你在找类似的东西吗

因此，您正在使用

ng选项

和嵌套的

ng重复

？抱歉-我更新了代码段请澄清您试图执行的操作。

父id

在

$scope

上存在吗？我刚刚做了一个Plunkr，它是有效的：你能展示一些在这里不起作用的示例数据吗？这看起来像是完美的功能代码。

<select class="form-control"
        id="projects"
        ng-model="parent_id"
        ng-options="project.id as project.groupingName for project in projects">
</select>

<div ng-repeat="project in projects" ng-show="project.gid === parent_id">
  {{ project }}
</div>

    <html ng-app="myApp">

<head>
    <title>
        My Angular App
    </title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
    </script>
    </link>
</head>

<body class="container" ng-controller="InputCtrl">

     <select class="form-control" id="projects" ng-model="project" ng-options="project as project.groupingName for project in projects track by project.id">
      </select> 
  <div ng-show="project.id === parent_id">
    Project Selected :{{ project.groupingName }}
  </div>
    </body>
</html>

angular.module('myApp', []).controller('InputCtrl', ['$scope',function($scope) {
$scope.parent_id = 2;
    $scope.projects = [
   {
        "groupingName": "ABC",
        "id": 1
    }, 
    {
        "groupingName": "CDE",
        "id": 2
    } ];



}]);