angularjs - 如何在 Angularjs 中使用 Id 显示集合中的项目？

Question

我有这个收藏:

    this.students = [
      { id: 1, courseId: 1, text: 'John' },
      { id: 2, courseId: 1, text: 'Andye' },
      { id: 3, courseId: 1, text: 'Inga' },
      { id: 4, courseId: 2, text: 'Jerry' }
    ];

我有这个标签:

            <div class="">
                <label class="control-label">Student Name: </label>
                <label class="control-label">"show student name"</label>
           </div>

我想显示例如Id = 3 的学生姓名，在这个标签中:

<label class="control-label">"show student name"</label>

在 AngularJS 中通过 Id 显示文本的优雅方式是什么？

Answer 1

实现所需结果的最简洁方法是在作用域上定义一个方法，该方法根据某些条件返回您想要的任何学生，在本例中为他们的 id。

// controller.js
this.getStudentById = function(id) {
    for(let i = 0; i < this.students.length; i++) {
        if(this.students[i].id === id) {
            return this.students[i];
        }
    }
}

// template.html
<label class="control-label">{{getStudentById(<id>).name}}</label>

@JB Nizet is correct然而，如果您只想要一个学生，您可能会考虑仅从“学生服务”中获取该学生，而不是维护一个学生数组，然后在您的 Controller 中对其进行过滤。