NG-模型未能从NG选项

-1

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

选择有一个project有相匹配的parent_id一个gid，但还是默认为选择不来。为了证明这一点，我做了：NG-模型未能从NG选项

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

来源

2016-07-27 Shamoon

让你在使用'NG-options'和嵌套的'NG-repeat'？ – austinthedeveloper

对不起 - 我更新了代码片段 – Shamoon

请澄清你在做什么。 – developer033

我看到你的代码中有一个parent_id和项目ID的差距。我为你的要求写了一些代码。如果我理解正确，如果该项目的ID等于parent_id，则需要显示该项目。我已经正确更新了ng-options，因为它们应该通过项目的“id”进行跟踪。

你在寻找类似于http://codepen.io/aechannaveen/pen/NABbXq的产品吗？

<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 
    } ]; 



}]);

来源

2016-07-29 15:39:11 Naveen

NG-模型未能从NG选项

回答

相关问题