Javascript 带括号的ng模型

我正在浏览一段代码，但我遇到了这行代码，无法理解它

<table>
    <tr>
        <td align="right">Search :</td>
        <td><input ng-model="query[queryBy]" /></td>
    </tr>
    <tr>
        <td align="right">Search By :</td>
        <td>
            <select ng-model="queryBy">
                <option value="name">NAME</option>
                <option value="company">COMPANY</option>
                <option value="designation">DESIGNATION</option>
            </select>
        </td>
    </tr>
</table>
<hr>
<div>
    <table>
        <tr>
            <th>Employee Name</th>
            <th>Company Name</th>
            <th>Designation</th>
        </tr>
        <tr ng-repeat="emp in employees | filter:query">
            <td>{{emp.name}}</td>
            <td>{{emp.company}}</td>
            <td>{{emp.designation}}</td>
        </tr>
    </table>

然后，当用户选择NAME时，输入将显示someName

如果用户选择公司，输入将显示someCompany

如果用户选择指定，输入将显示指定

更新

关键是查询在下面的过滤器中使用

<tr ng-repeat="emp in employees | filter:query">
    <td>{{emp.name}}</td>
    <td>{{emp.company}}</td>
    <td>{{emp.designation}}</td>
</tr>

{{emp.name}
{{emp.company}}
{{emp.designation}}

---

它将被这样使用。用户键入搜索关键字并选择用户要搜索的查询类型，然后在筛选器中使用查询对象，以便相应地显示数据。

因此，选择名称时ng模型将成为名称？它将是query[name]，即“someName”。请参阅答案中的更新，如果它解决了问题，请接受它。你介意看看我以前的qn，看看你能不能帮我？请问你是什么意思？

<input ng-model="query[queryBy]" />

$scope.query = {
    name: "someName",
    company: "someCompany",
    designation: "someDesignation"
};

<tr ng-repeat="emp in employees | filter:query">
    <td>{{emp.name}}</td>
    <td>{{emp.company}}</td>
    <td>{{emp.designation}}</td>
</tr>