Помещение переменных и ссылок в массив данных Kendo Angular

Question

У меня есть выпадающий список, который я пытаюсь превратить в выпадающий список Angular Kendo. В этом переводе мне трудно перевести ссылки и переменные в массив данных, чтобы заполнить его. Есть ли уловка с этим? Все, что я мог найти в Google, это строки.

HTML переменные и ссылки

{{ user.name }}
/user

и массив данных

public data: Array<any> = [{
      text: user.name,
      link: '/user'
  }];

Я пытался экранировать кавычки , с кавычками и без. Я также попытался покопаться в значениях внутри объекта пользователя, например this.user.name. Но все просто возвращается с ошибками

Answer 1

Я не уверен, что этот ответ правильный, но, пожалуйста, прокомментируйте, если вам нужен конкретный c ответ.

Из документации это шаблон:

@Component({
  selector: 'my-app',
  template: `
    <div class="example-wrapper">
      <p>T-shirt size:</p>
        <kendo-dropdownlist
            [data]="data"
            [textField]="'text'"
            [valueField]="'link'"
        >
    </kendo-dropdownlist>
    </div>
  `
})
class AppComponent {
    public listItems: Array<{ text: string, link: text }> = [
        { link: "/some/url/1", text: "name1" },
        { link: "/some/url/2", text: "name2" },
        { link: "/some/url/3", text: "name3" }
    ];
}

Я надеюсь, что вы передаете правильную информацию:
1. имя переменной: в вашем случае переменная данных data сам. 2. точные имена полей; в вашем случае textField - это text, а valueField - это link

Я надеюсь, что это то, что вы ищете. Я просто догадываюсь на основе вашего вопроса, так как вы не предоставили подробный код.

Надеюсь, это поможет.

Примечание. Обратите внимание: я изменил приведенный выше код (HTML шаблон и переменная) в соответствии с вашим кодом в вопросе.

Answer 2

Вы можете попробовать нечто подобное ниже.

public data: Array<any> = [{
      text: `${user.name}`,
      link: '/user'
  }];