Заключительная строка внутри выражения в выражении в angular 7

Question

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

<ng-template #genericDropDown let-Data="data" let-WidgetID="widgetID" let-Title="title" let-Placeholder="placeholder">
 <div class="select-wrap input-group">
   **<input type="text" class="form-control" placeholder="{{[Placeholder]==='Common.Benefit_Type' ? [Placeholder| translate] + '...': [ Placeholder| translate]}}" />**
   <div class="input-group-btn">
     <div class="dropdown dropdown-lg"> <span class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"
         role="button" aria-haspopup="true"><span class="icon icon-dropdown-icon"></span></span>
       <div class="dropdown-menu dropdown-menu-right" role="menu">
         <form class="form-horizontal" role="form">
           <h5>{{ Title|translate }}</h5>
           <div class="dropdownoverflow">
             <span class="dropdown-item" *ngFor="let element of Data">
               <div class="col-lg-1 col-md-1 pull-left col-lg-1 col-md-1 pull-left marginRT10 nopadding">
                 <input type="checkbox" id="{{ WidgetID + element.id + element.key }}" value="{{ element.id }}"
                   (change)="onBenefitTypeChange(WidgetID,$event, element)" />
                 <label for="{{ WidgetID + element.id + element.key }}"></label>
               </div>
               {{ element.key }}
             </span>
           </div>
           <div class="form-row col-lg-12 col-md-12 col-xs-12 nopadding">
             <button (click)="filterByBenefitType(WidgetID)" type="submit"
               class="btn btn-submit pull-right" translate='Common.Submit'></button>
             <button (click)="clearFilterOfBenefitType(WidgetID)" type="button"
               class="btn btn-clear pull-right" translate="Common.Clear"></button>
           </div>
         </form>
       </div>
     </div>
   </div>
 </div>
</ng-template>

Я пытаюсь вычислить выражение внутри выражения и в значении, которое пытаюсь объединить '...' со значением заполнителя.

Это первое поле ввода сверху в коде

Это выглядит довольно просто, но по какой-то причине это не работает, я пытаюсь разрешить его за последние 2 часа, но не удалось разрешить.

Любая помощь будет полезна.

Answer 1

Как сказал Эдри c, я думаю, что из-за квадратных скобок angular рассматривал его как массив, поэтому он не объединял строку.

Поэтому я изменил свой код на

<input type="text" class="form-control" placeholder="{{(Placeholder)==='Common.Benefit_Type' ? (Placeholder| translate) + '...': (Placeholder| translate)}}" /> 

И это сработало.