cipchk / ngx-weui Goto Github PK
View Code? Open in Web Editor NEWWeUI for angular
Home Page: https://cipchk.github.io/ngx-weui/
License: MIT License
WeUI for angular
Home Page: https://cipchk.github.io/ngx-weui/
License: MIT License
请问WEUI有添加标签的代码吗?类似于给好友加标签的那种。
我正在使用Pull To Refresh组件实现一个下拉加载更多的功能,这个组件有没有设置disabled的方法。我想在没有更多数据时禁用它。类似微信聊天下拉加载数据。
文档上没有对[weui-checklist]这个api进行详细的说明
在 ios safari 上测试OK,在android 的 browser 上测试,有问题!想问一下,ngx-weui 的兼容性如何!
ActionSheet、Sidebar、Popup等使用到mask遮罩层的组件遮罩层不显示。demo也是一样
地区插件能否增加一个显示列数的选项。(需求:一份地区三级数据,但项目中有的用到一级,有的用到2级,有的用到3级。)
日期选择也是,有的我是选择 年-月 还有一个年-月-日-时。
(日期也可以用我显示几列,设置dateTime 后再用列数控制)
建议把grid封装成组件:
1:支持路由跳转
2:每行grid格式不是固定的3个,支持栅格化布局
嗯 想上拉刷新 和下拉加载一起使用~但是刷新之后 下拉加载还是锁死状态·
我有一个Component 里面有个属性叫model,调用Uploader时我想将这个model的某个属性放到params中传到后台,但是在UploaderOptions里面访问不到这个model属性,请问该如何才能访问到这个model属性的值呢。。
ngx-weui是用npm安装的,版本为1.0.8,浏览器是Chrome
这是我使用DatePicker的代码
<weui-date-picker type="date" [(ngModel)]="event.expTime" name="expTime"></weui-date-picker>
在使用DatePicker时,遇到一个问题
追踪到代码里,是picker-data.component.js文件72行,this._value没有getFullYear()等Date对象才有的方法。我打印了this._value,值为2017-07-13。问题在于这里的this._value不是Date对象,而是一个字符串。将62行代码改成
if (!this._value)
this._value = new Date();
else
this._value = new Date(this._value)
即可解决问题。但是我不知道这里为什么会出现这个问题。
同时还发现了另外一个问题:
我的代码里使用了ngIf来控制DatePicker的显示和隐藏。其中一个功能是当选中一个选项,DatePicker才会出现,但是这里也会出错,我看了一下,拿到的this._value是0000-00-00,这是一个无效的Date。导致出错。
最后找到215行:
DatePickerComponent.prototype.writeValue = function (value) {
if (value) {
this._value = value;
this.genGroups();
}
};
这里的this._value拿到的就一直是字符串(包括非法的时间字符串),但是我不知道这个方法是什么时候调用的。
GET https://cipchk.github.io/wx-config 404 ()
如题,要怎么才能使用accordion组件呢?
RT
x
)
[x] Bug report
should be body
element x-axis scroll bar have hidden.
rt
swipter 的分页器不显示
看源码,发现 <input type="text" class="weui-input" value="{{_text}}"
这个_text 是插件点击了,才能设置的。
能改成 ngModel 组件改变了,页面就改变吗?
看了2小时。(气的我心脏病都犯了。)
export class CityPickerComponent implements ControlValueAccessor, OnDestroy {
...
writeValue(value: any): void {
if (value) {
this._value = value;
if (this._value && this._value.length === 6) {
this.valueToSelect(this._tmpData, this.dataMap.items, 1);
this.parseData(this._tmpData, this.dataMap.items, this._selected);
}
}
}
...
}
已提交一个 pull request,请看看符不符合您的代码设计。
能否获取到省市区各自的ID?
该组件不会判断滚动条位置,只要下拉就会触发。导致在移动端和滚动条下拉产生冲突。
该组件配合上拉加载更多使用时,无法下拉查看前面的数据。
(以下两个都是用服务实现的)
1.日期插件快速点击。会出现一个以上的弹出窗
(这个通过防止表单重复提交,加个变量,也可以处理)
2.日期插件点击后,不点击确定或取消,通过浏览器导航返回上一页。
会出现弹出层还在的情况
我用ng1开发的时候。用的其他弹出窗插件也有这个情况,我是在路由监听那块DOM移除的
看服务没有提供销毁的方法(有的话,在component 的 ngOnDestroy 调用销毁)
微信上使用上啦下拉有时出现黑边 此时weui-infiniteloader滚动就会失效。
是否可以考虑这两个控件添加position: fixed; 使其永久固定上方或下方。
1、npm install 会有以下提示:
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN [email protected] requires a peer of @angular/[email protected] but none was installed. npm WARN [email protected] requires a peer of @angular/[email protected] but none was installed. npm WARN [email protected] requires a peer of @angular/[email protected] but none was installed. npm WARN [email protected] requires a peer of @angular/[email protected] but none was installed. npm WARN [email protected] requires a peer of @angular/[email protected] but none was installed.
2、npm start 会有以下提示:
`
[email protected] start F:\Framework_Angular2\ngx-weui
ng serve --aot --host 0.0.0.0
** NG Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200 **
Date: 2017-09-03T22:45:10.110Z
Hash: a4971ddc81d82022fa14
Time: 7344ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 8.7 kB {vendor} [initial] [rendered]
chunk {scripts} scripts.bundle.js, scripts.bundle.js.map (scripts) 328 kB {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 31.6 kB {inline} [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 1.54 MB [initial] [rendered]
ERROR in Error encountered resolving symbol values statically. Could not resolve ngx-weui relative to F:/Framework_Angular2/ngx-weui/demo/src/app/shared/shared.module.ts., resolving sym
bol SharedModule in F:/Framework_Angular2/ngx-weui/demo/src/app/shared/shared.module.ts, resolving symbol SharedModule in F:/Framework_Angular2/ngx-weui/demo/src/app/shared/shared.modul
e.ts, resolving symbol SharedModule in F:/Framework_Angular2/ngx-weui/demo/src/app/shared/shared.module.ts
ERROR in ./demo/src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'F:\Framework_Angular2\ngx-weui\demo\src'
resolve './$$_gendir/app/app.module.ngfactory' in 'F:\Framework_Angular2\ngx-weui\demo\src'
using description file: F:\Framework_Angular2\ngx-weui\package.json (relative path: ./demo/src)
Field 'browser' doesn't contain a valid alias configuration
after using description file: F:\Framework_Angular2\ngx-weui\package.json (relative path: ./demo/src)
using description file: F:\Framework_Angular2\ngx-weui\package.json (relative path: ./demo/src/$$_gendir/app/app.module.ngfactory)
no extension
Field 'browser' doesn't contain a valid alias configuration
F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory.ts doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory.js doesn't exist
as directory
F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory doesn't exist
[F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory]
[F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory.ts]
[F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory.js]
[F:\Framework_Angular2\ngx-weui\demo\src$$_gendir\app\app.module.ngfactory]
@ ./demo/src/main.ts 4:0-74
@ multi webpack-dev-server/client?http://localhost:4200 ./demo/src/main.ts
webpack: Failed to compile.
`
请问下该怎么解决?谢谢
如题:为什么增加swiper组件,报 Swiper is not defined
打开官网,选择picker的示例,大部分浏览器无法滚动选项,就算能滚动,效果都不流畅
UploaderConfig:auto: true
不起作用
InfiniteLoaderModule 在tabbar中不触发loadmore回调
Can't bind to 'options' since it isn't a known property of 'weui-swiper'.
CityPicker默认无法显示ngModel绑定值对应的lable,显示后也没有默认选中ngModel绑定值。
ngModel绑定值、data数据值我写死了都没有默认选中的效果。
这是由于组件里面的input,但是用组件方式的话(这个input 会有用,但是用服务,这个input 没用。)
是不是考虑在服务里把input remove
如果是多列数据(2列以上),[defaultSelect] 和 [(ngModel)]共存的话有点问题。
[defaultSelect] 以这样的格式([defaultSelect]=“[[5],[9]]”
)来控制两列数据默认选中是没有问题,只是input不会把选中的值展示出来;
[(ngModel)] 绑定值是最后一列的选中值。input是把值显示出来了,但并不是预期的结果。
可能通过调整数据格式可以达到我的目的?
data:
[
[
{label: '1', value: 1},
{label: '2', value: 2},
{label: '3', value: 3},
...
],
[
{label: '1', value: 1},
{label: '2', value: 2},
{label: '3', value: 3},
...
]
]
dialog自定义html 无法展示?
this.config.content = <p align="left">请输入</p> <input type="text" value="text" />
(这里是有加`的)
显示不出 input呢,有没有什么好提议?
weui-sidebar中的 closed 不触发,closeStart 会触发两次!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.