選擇標記ng模型不起作用

在這裏，我可以打印家庭詳細信息，但不能成員的詳細信息。在選擇下拉菜單中顯示會員詳細信息。選擇標記ng模型不起作用

<form class="form-horizontal" ng-app="myApp" ng-controller="myCtrl"> 

    <div class="form-group" > 
    <label class="control-label">Family : </label> 
    <select class="form-control " ng-model="family" 
     ng-options="o as o.familyName for o in list"> 
    </select> 
    </div> 

    <div class="form-group" ng-if="family" > 
    <label class="control-label">Head of family : </label> 
    <select class="form-control" ng-model="familyHead" 
     ng-options="p as p.name for p in family.members" > 
    </select> 
    </div> 

    Family : {{family}} <br> Head : {{familyHead}} 
</form>

來源

2016-12-14 B G Nithin Malathesh

u能提供名單的數據和家人 –

首先您的形式無法正常關閉，並且您指定的對象模型，並嘗試打印該對象的選擇後關閉。

，所以我增加了選擇框更改事件，並通過該對象的功能，然後獲取所需的字段print語句如下

<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script>document.write('<base href="' + document.location + '" />');</script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-controller="MainCtrl"> 
 
    <form class="form-horizontal" > 
 

 
    <div class="form-group" > 
 
    <label class="control-label">Family : </label> 
 
    <select class="form-control " ng-model="family" 
 
     ng-options="o as o.familyName for o in list">           </select> 
 
    </div> 
 

 
    <div class="form-group" ng-if="family" > 
 
    <label class="control-label">Head of family : </label> 
 
    <select ng-change="s(familyHead)" class="form-control" ng-model="familyHead" 
 
     ng-options="p as p.name for p in family.members" > 
 
     
 
    </select> 
 

 
    </div> 
 

 
    Head : {{head}} 
 
    </form> 
 
    </body> 
 
<script> 
 
    var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    
 
    $scope.list = [ 
 
    { 
 
     familyName:'Joy', 
 
     members:[ 
 
     {relation:'father', name:'Amd Joy'}, 
 
     {relation:'mother', name:'menna Joy'}, 
 
     {relation:'child', name:'Kevin Joy'} 
 
     ]} , 
 
     { 
 
      familyName:'Snow', 
 
      members:[ 
 
      {relation:'father', name:'Jhon Snow'}, 
 
      {relation:'mother', name:'eva Snow'}, 
 
      {relation:'child', name:'Kevin Snow'}] 
 
      
 
     } 
 
     ]; 
 
     $scope.s=function(x){ 
 
      console.log(x); 
 
      $scope.head=x.name; 
 
     }; 
 
    
 
}); 
 
</script> 
 
</html>

來源

2016-12-14 07:05:44

嘿，謝謝，它的工作 –

歡迎......... –

請參考網址的jsfiddle Demo

[1]: https://jsfiddle.net/Ly5s70ce/

來源

2016-12-14 07:01:54 Sathiyaraj

選擇標記ng模型不起作用

回答

相關問題