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
Comments
Post a Comment