评估方括号中的if语句并分配给HTML标签

Question

I have a ng-repeat that has an array in an object. ex: contract.fields[4] .

<tbody data-ng-repeat="(contractIndex,contract) in contracts">
    <tr>
        <td>
            <div data-strat-form-control
                 data-field-display-id="1"
                 data-vmformreadonly="true"
                 data-show-tool-tip="showToolTip(contract.fields[3].htmlName)"
                 data-strat-model="contract"
                 data-field="contract.fields[1]">
            </div>
        </td>
        <td>
            <div data-strat-form-control
                 data-field-display-id="1"
                 data-vmformreadonly="true"
                 data-show-tool-tip="showToolTip(contract.fields[4].htmlName)"
                 data-strat-model="contract"
                 data-field="contract.fields[3]">
            </div>
        </td>
    </tr>
</tbody>

I want to ad in aan if statement so that a different contract.fields array location will go under data-field tag.

<div data-strat-form-control
     data-field-display-id="1"
     data-vmformreadonly="true"
     data-show-tool-tip="showToolTip(contract.fields[3].htmlName)"
     data-strat-model="contract"
     data-field="{{contract.COMMIT_CONTRACT.length > 1 | 'contract.fields[1]' : 'contract.fields[2]'}}">
 </div>

Here is the bracket notation separately:

{{contract.COMMIT_CONTRACT.length > 1 | 'contract.fields[1]' : 'contract.fields[2]'}}

Something is wrong with this code but it looks like I am doing something wrong. What is it and how do I fix it?

Answer 1

Your expression seems wrong. First you don't need {{}} inside the data-field attribute. Then single apices should be removed. Then it seems you want to use a ternary operator but that syntax is wrong. I think your expression should be simply:

contract.COMMIT_CONTRACT.length > 1 ? contract.fields[1] : contract.fields[2]