왜 angularjs가 내 개체를 올바르게 해석하지 못합니까?

Question

난 anglejs 애플 리케이션을 구축하고 작은 문제가 발생했습니다. 나는 몇 가지 조건에 따라 목록을 필터링하는 프로젝트 목록을 채우고 있습니다. 웹 페이지에서 볼 때 모든 것이 정상적으로 보이고 문제가없는 것으로 보입니다.

크롬에서 콘솔을 볼 때 그러나, 나는이 문제를 볼 수

페이지가로드 :

그런 다음까지 첫 번째 GET 오류를 배치 내 GROUPBY 필터 (2 회) 실행이 나타납니다

GET http://localhost:8000/app/img/customers/%7B%7Bproject.LogoPath%7D%7D 404 (Not Found) jquery-1.9.1.js:6063 
GET http://localhost:8000/app/img/customers/%7B%7Bproject.LogoPath%7D%7D 404 (Not Found) angular-scenario.js:11101 

다음 두 번째 GET 오류가 발생합니다.

정말 이상한 부분은 웹 페이지의 모든 것이 정확하고 누락 된 로고 또는 기타 프로젝트의 정의되지 않은 오류가 없다는 것입니다. 여기

는 IMG 경로가 생성 된 코드 :

<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}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-calendar"></i> {{project.ScheduledTasks}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-remove"></i> {{project.MissedTasks}} </p> 
    </div> 
</article> 

내 모든 데이터가 표시되는 모든 로고도 표시되고있다. 나는이 오류가 어디서오고 있는지, 왜 그것이 project.LogoPath 값 대신에 literal project.LogoPath를 가지고 있는지 전혀 모른다.

아이디어가 있으십니까?

Answer 1

을 해결하려면 ng-href을 사용해야합니다. 그렇지 않으면 리터럴 문자열을 사용합니다. 작동합니다 NG-SRC와 SRC를 교체 ng-src

Answer 2

에 대한 동일한

<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 ng-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}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-calendar"></i> {{project.ScheduledTasks}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="icon-remove"></i> {{project.MissedTasks}} </p> 
    </div> 
</article>