Javascript 为什么angularjs不能正确解析我的对象?
我正在构建一个angularjs应用程序,但有一个小问题。我正在填充一个项目列表,然后根据某些条件筛选该列表。在网页上查看时,一切看起来都很好,似乎没有任何问题 但是,当在chrome中查看控制台时,我在页面加载时看到这个问题:Javascript 为什么angularjs不能正确解析我的对象?,javascript,angularjs,Javascript,Angularjs,我正在构建一个angularjs应用程序,但有一个小问题。我正在填充一个项目列表,然后根据某些条件筛选该列表。在网页上查看时,一切看起来都很好,似乎没有任何问题 但是,当在chrome中查看控制台时,我在页面加载时看到这个问题: 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
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错误,然后执行我的groupBy过滤器(两次),然后出现第二个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}} <i class="icon-calendar"></i> {{project.ScheduledTasks}} <i class="icon-remove"></i> {{project.MissedTasks}} </p>
</div>
</article>
<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}} <i class="icon-calendar"></i> {{project.ScheduledTasks}} <i class="icon-remove"></i> {{project.MissedTasks}} </p>
</div>
</article>
{(project.CompletedTasks/project.ScheduledTasks)*100 | | 0}}%
{{project.CompletedTasks}{{project.ScheduledTasks}}{{project.MissedTasks}}
所有我的数据都将显示,所有徽标也将显示。我不知道这个错误是从哪里来的,也不知道为什么它的值是project.LogoPath而不是project.LogoPath
有什么想法吗?你必须用它来解析
{{{variables.of.scope}
。否则它将采用文本字符串。与相同,您必须使用它来解析{{{variables.of.scope}
。否则它将采用文本字符串。同样适用于将src替换为ng src应该有效
{(project.CompletedTasks/project.ScheduledTasks)*100 | | 0}}%
{{project.CompletedTasks}{{project.ScheduledTasks}}{{project.MissedTasks}}
用ng src替换src应该有效
{(project.CompletedTasks/project.ScheduledTasks)*100 | | 0}}%
{{project.CompletedTasks}{{project.ScheduledTasks}}{{project.MissedTasks}}