Angular2实现combobox组件的问题

我在用Angular2实现combobox组件时，遇到这样的问题：

后台代码是：

1. import { Component, Inject } from "@angular/core";
   
2. 
   
3. @Component({
   
4.     selector: 'input-app',
   
5.     templateUrl: '/view/myInput.component.html'
   
6. })
   
7. export class InputComponent {
   
8.     abc = [{"id":"IN_JOB","text":"在职"},{"id":"OUT_JOB","text":"离职"}];
   
9.     abc1 = ["在职","离职"];
   
10. }

复制代码

前台的myInput.component.html页面代码是：

1. <div>我是input页面</div>
   
2. <wj-combo-box [itemsSource]="abc" [displayMemberPath]="text" [selectedValuePath]="id"></wj-combo-box>

复制代码

但是，页面中的combobox组件没有把数据正确地显示出来：


请问，这个wj-combo-box标签要怎样配置？

我理解您的意思是想实现ComboBox的Value和Text是不同的内容的功能。
您可以参考官网的在线示例：
http://demo.gcpowertools.com.cn/ ... lorer/#/input/combo

这个例子使用了Angular.js，我之前做示例时已经实现了。

当前，我需要用Angular2来实现，在操作过程中，我也是参考了您给的这个例子，在页面中配置了itemsSource和displayMemberPath属性，可结果是没有能够像Angular.js例子那样正常显示数据。

现在的疑问是：除了itemsSource和displayMemberPath，Angular2是否还需要在页面中设置其他一些属性吗？还是我提供的数据源abc的格式或类型不对？

jskj 发表于 2017-3-29 12:59
这个例子使用了Angular.js，我之前做示例时已经实现了。

当前，我需要用Angular2来实现，在操作过程中， ...

接口使用是类似的。
你把出问题的Demo发过来，我们帮你看看是怎么回事。

这是代码，麻烦给看一下，谢谢。

Alice 发表于 2017-3-29 17:03
接口使用是类似的。
你把出问题的Demo发过来，我们帮你看看是怎么回事。

这是代码，麻烦给看一下，谢谢。

jskj 发表于 2017-3-30 14:33

Demo收到的，测试后给您反馈。

Alice 发表于 2017-3-30 15:43
Demo收到的，测试后给您反馈。

好的

jskj 发表于 2017-3-30 18:12
好的

您好。
您示例中的有些文件找不到：
    <script src="systemjs.config.js"></script>

Alice 发表于 2017-3-31 10:53
您好。
您示例中的有些文件找不到：

我刚看了一下，压缩包里确实有这个文件，能够找到。