Angular2实现combobox组件的问题

登录

本帖最后由 jskj 于 2017-3-29 10:55 编辑

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

后台代码是：

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

复制代码

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

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

复制代码

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

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

Alice · Alice

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

jskj · jskj

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

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

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

Alice · Alice

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

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

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

jskj · jskj

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

jskj · jskj

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

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

Alice · Alice

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

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

jskj · jskj

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

好的

Alice · Alice

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

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

jskj · jskj

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

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

		自动登录	找回密码
密码			立即注册

Angular2实现combobox组件的问题

本帖子中包含更多资源

12 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄