📜  [错误-&gt;] <ng-select {{items}}="cities" - Javascript Code Example(1)

📅  最后修改于: 2023-12-03 15:29:14.854000             🧑  作者: Mango

错误: ng-select {{items}}="cities"

在这个错误中,我们试图使用 {{items}} 语法在 ng-select 组件中定义一个 cities 属性。然而,这是不正确的,因为这里应该传递一个对象或数组,而不是一个字符串。

正确的方式是在组件中定义 cities 属性,然后将它作为选项传递给 ng-select

下面是一个简单的示例,展示了如何定义 cities 属性,并将它作为选项传递给 ng-select

<ng-select [items]="cities"></ng-select>
import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <ng-select [items]="cities"></ng-select>
  `,
})
export class ExampleComponent {
  cities = ['New York', 'London', 'Paris', 'Tokyo'];
}

这里我们在组件中定义了一个 cities 数组,并将其传递给 ng-selectitems 属性。这将生成下拉菜单,并包含以上四个城市作为选项。