модель с кронштейном

Question

Я просматривал код и наткнулся на эту строку кода, но не смог понять.

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

Что означает [queryBy] в запросе [queryBy]?

JS:

$scope.query = {};
$scope.queryBy = '';

Answer 1

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

Этот вход будет отображать атрибут, который является значением queryBy в объекте query .

Например,

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

, тогда, когда пользователь выбирает NAME, на входе будет отображаться someName .

Если пользователь выбирает COMPANY, на входе будет отображаться someCompany .

Если пользователь выбирает DESIGNATION, на входе будет отображаться someDesignation .

UPDATE

Дело в том, что query используется в фильтре ниже.

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

Это будет использоваться следующим образом.Пользователь вводит ключевое слово для поиска и выбирает тип запроса, который пользователь хочет найти, затем объект фильтра будет использоваться в фильтре, чтобы данные отображались соответствующим образом.