knockoutjs - 访问foreach绑定内的$ parent/$ root

Here是我正在研究的一个plunker代码。我已经定义了一个看起来像这样的虚拟机。

var employee = function(fname,lname){ 
    var self= this; 
    self.fname = ko.observable(fname); 
    self.lname = ko.observable(lname); 
    self.selectedElement = ko.observable('Default Value'); 
    } 

    var vm = function(){ 
     var self = this; 
     self.employees = new ko.observableArray([]); 
     self.selectedElement = ko.observable(-1); 

     var e1 = new employee('f1','l1'); 
     var e2 = new employee('f2','l2'); 
     self.employees.push(e1); 
     self.employees.push(e2); 
    }; 

    ko.applyBindings(vm,container);

而我的代码，以显示员工的名单

<body id="container"> 
<h1>Empoyees</h1> 
<div> 
    <div data-bind="foreach: employees"> 
    <h4 data-bind="text: 'Employee' + $index()"></h4> 
    <span>First Name :</span> 
    <span data-bind="text: fname"></span> 
    <br/> 

    <span>Last Name :</span> 
    <span data-bind="text: fname"></span> 
    <br/> 

    <span data-bind="text: selectedElement()"></span> 
    <!-- I want to access parents 'selectedElement' i.e. vm.slectedElement() --> 
    <!--I tried below code but its causing binding error.--> 
    <!-- <span data-bind="text: $parent.selectedElement()"></span> --> 
    <br/> 
    </div> 
</div>

注意的姑娘“employee”和主视图模式“vm”既有相同的属性命名（selectedElement）

现在里面foreach绑定我试图访问根/父上下文的'selectedElement'属性，但因为我在foreach中，因此ko正在访问'employee'类的'selectedElement'属性。

我尝试使用$root和$parent关键字来达到父元素属性，但它导致绑定错误。

我错过了什么？ Here再次是plunker链接。

来源

2016-11-08 user2243747