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選項

回答

相關問題