javascript - Set Model to a specific object from array -


i trying set model of dom element specific child object given specific attribute. in specific example, "employees" object structured in fashion:

var employees = [     {employeeid:1000      name: jimmy      managerid: null}     {employeeid:1001      name: james      managerid: 1000}     {employeeid:1002      name: steve      managerid: 1000}  ]  

i hoping inline curley brace directive using filter able me out it. follows doesn't work, demonstrates do.

<div ng-repeat="emp in employees">         <span>employee #:{{emp.employeeid}}</span>         <img src="../../content/images/photos/{{emp.employeeid}}.jpg"/>         <h4>{{emp.name}}</h4>         <h5>manager:</h5>         <!--the following not know how do-->         <span>{{employees.name | filter:employees.employeeid = emp.employeeid }}</span> </div> 

with end result being:

employee #:1000 <img> jimmy manager: <!--i'll figure out null values in bit.  first things first-->  employee #:1001 <img> james manager: jimmy  employee #:1002 <img> steve manager: jimmy 

the js

angular.module("myapp", []).controller("myctrl", function($scope){     $scope.employees = [         {employeeid:1000,          name: 'jimmy',          managerid: null},         {employeeid:1001,          name: 'james',          managerid: 1000},         {employeeid:1002,          name: 'steve',          managerid: 1000}     ]      $scope.findmanager = function(empid) {       console.log('here');         //debugger;         for(var i=0; i<$scope.employees.length; i++)         {             var curemployee = $scope.employees[i];             console.log(curemployee.employeeid)             if(curemployee.employeeid == empid)                 return curemployee.name;         }         return "";     } }); 

the html

<div ng-app="myapp" ng-controller="myctrl">       <div ng-repeat="emp in employees">         <span>employee #:{{emp.employeeid}}</span>         <img ng-src="../../content/images/photos/{{emp.employeeid}}.jpg"/>         <h4>{{emp.name}}</h4>         <h5>manager:</h5>         <!--the following not know how do-->         <span>{{findmanager(emp.managerid)}}</span>       </div>     </div> 

the fiddle

http://jsfiddle.net/ehjlu/


Comments