为什么angularjs不能正确解析我的对象？

我正在构建一个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/app/img/customers/%7B%7Bproject.LogoPath%7D%7D 404 (Not Found) angular-scenario.js:11101

看来把第一个出现错误了，然后执行我的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}}&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而不是project.LogoPath的值。

任何想法？

来源

2013-07-18 Mike Roosa

您必须使用ng-href来解决{{ variables.of.scope }}。否则它需要文字字符串。同为ng-src

来源

2013-07-18 12:36:41

与NG-SRC更换SRC应该工作

<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>

来源

2013-07-18 12:49:10 vipulsharma

为什么angularjs不能正确解析我的对象？

回答

相关问题