javascript - Why is angularjs not resolving my object correctly? -
i building angularjs app , having small issue. populating list of projects filtering list based on conditions. when viewing on web page, looks fine , there doesn't appear issues.
however, when viewing console in chrome, see issue when page loads:
get http://localhost:8000/app/img/customers/%7b%7bproject.logopath%7d%7d 404 (not found) jquery-1.9.1.js:6063 http://localhost:8000/app/img/customers/%7b%7bproject.logopath%7d%7d 404 (not found) angular-scenario.js:11101 it appears place first error execute groupby filter (twice) second error comes up.
the strange part on web page appears correct , there no missing logos or other project undefined errors.
here code img path generated:
<article ng-repeat="pm in projects|filter:colorfilter|groupby:'leadprojectmanagername'"> <section class="project-section-header"> <h3>{{pm}} <small>{{(projects|filter:pm|filter:{colorstatus:colorfilter}).length}} projects</small></h3> </section> <div class="project project-{{project.colorstatus}}" ng-class="{'project-last':($index+1) % 4 == 0}" ng-repeat="project in projects|filter:pm|filter:{colorstatus:colorfilter}"> <img src="img/customers/{{project.logopath}}" class="project-logo"> <h1><a href="#/project/{{project.id}}/dashboard">{{project.name}}</a></h1> <p class="project-progress">{{(project.completedtasks / project.scheduledtasks) * 100 || 0}}%</p> <p class="project-icons"><i class="icon-ok"></i> {{project.completedtasks}} <i class="icon-calendar"></i> {{project.scheduledtasks}} <i class="icon-remove"></i> {{project.missedtasks}} </p> </div> </article> all data being displayed , logos being displayed well. have no idea error coming , why has literal project.logopath instead of value of project.logopath.
any ideas?
Comments
Post a Comment