elemefe / element-angular Goto Github PK
View Code? Open in Web Editor NEWElement for Angular
Home Page: https://element-angular.faas.ele.me
License: MIT License
Element for Angular
Home Page: https://element-angular.faas.ele.me
License: MIT License
Issue Type:
Version & Environment:
0.6.4
Description:
el-checkbox get null parent when it's inside content projection. This only happens when using with "select" directive.
Code to reproduce (check browser console for the error)
https://stackblitz.com/edit/angular-p7gezx?file=app%2Fapp.component.html
Issue Type:
Version & Environment:
Description:
<style>
.row{
background: gray;
border-radius: 5px;
padding:5px;
}
.col{
background: #5bffb4;
height: 20px;
border:1px solid black;
}
</style>
<div el-row class="row" [gutter]="24">
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
<div el-col [lg]="4" [md]="8" [xs]="12" class="col" ></div>
</div>
我想要一个 效果是 large下 可以一行显示 6个盒子, mid情况下显示3个盒子, sm情况下显示2个盒子
但是md sm 仿佛不能使用.
运行的结果是 large下可以显示6和盒子, 其他情况下全是一行一个盒子 (block 的效果) .
请问我该怎么解决这个问题?
第一次在github上问问题,如果有不规范的地方请谅解
Issue Type:
Version & Environment:
0.6.3
Description:
el-table-column > ng-template中ngIf如果引用了之前column中没出现过的model key总是判断为ngIf="false"
以下例子中的Block/Unblock button无法正常切换
<el-table class="app-list-content-table" *ngIf="companyList" [model]="companyList.elements">
<ng-template #slot let-scope="scope">
<el-checkbox [model]="selection[scope.rowData.id]" (modelChange)="handleRowSelection($event, scope.rowData.id)">
<ng-template #slot let-scope="scope">
<a [routerLink]="['/companies', scope.rowData.id]" routerLinkActive="active">View
<el-button type="text" size="small" *ngIf="scope.rowData?.blocked" (click)="setBlock(scope.rowData.id, false)">Unblock
<el-button type="text" size="small" *ngIf="!scope.rowData?.blocked" (click)="setBlock(scope.rowData.blocked, true)">Block
Issue Type:
Version & Environment:
0.56
Description:
select组件中的size属性如何使用?试了几次好像都没有效果
Issue Type:
Version & Environment:
Documentation Website: https://element-angular.faas.ele.me/guide/install
Description:
the website even when in English does not translate much of the page.
the Vue version of the documentation does not have issues, and i understand i can use that for the time being, however i plan to use this for an enterprise application and having the documentation page in a non-English page will be a difficult sell. which is a shame as this is a very complete and amazing library.
Issue Type:
Description:
想要做一个可以点击尾部的图标来显示密码的密码输入框。
Issue Type:
Version & Environment:
0.6.3
Description:
table component need configurable checkbox column
example:
Issue Type:
Version & Environment:
Angular 5 , all polyfills installed , IE11 and chrome.
element-angular 0.5.7
Description:
Thanks for your recent update we are close to resolve IE compatibility.
When I load element-angular module on IE 11 I have errors belows :
Can't resolve all parameters for ElTooltip: ([object Object], [object Object], ?).
and in more details
stack Error: Can't resolve all parameters for ElTooltip: ([object Object], [object Object], ?).\n at CompileMetadataResolver.prototype._reportError (eval code:16196:13)\n at CompileMetadataResolver.prototype._getDependenciesMetadata (eval code:15913:17)\n at CompileMetadataResolver.prototype._getTypeMetadata (eval code:15746:9)\n at CompileMetadataResolver.prototype.getNonNormalizedDirectiveMetadata (eval code:15228:9)\n at CompileMetadataResolver.prototype._getEntryComponentMetadata (eval code:16061:9)\n at Anonymous function (eval code:15531:40)\n at CompileMetadataResolver.prototype.getNgModuleMetadata (eval code:15530:13)\n at CompileMetadataResolver.prototype.getNgModuleSummary (eval code:15346:13)\n at Anonymous function (eval code:15444:21)\n at CompileMetadataResolver.prototype.getNgModuleMetadata (eval code:15422:13)
and access property "arguments" non authorized in strict mode
Please can you help me ?
Issue Type:
Version & Environment:
[ngStyle]="{ 'margin-left.px': '20' }"
formControlName="IS_ACTIVITY"
[model] = "true"
active-text="是"
inactive-text="否">
Description:
如果不设置[model],仅仅文字有Form['IS_ACTIVITY']赋初始值效果
Issue Type:
Version & Environment:
0.6.4
Description:
在使用[expand-on-click-node] = "false"(不允许点击非图标区域触发展开收起动作)想要实现只点击图标展开收起,而不是点击文字展开收起。但是使用完之后发现,modelChange点击响应事件不能用了,只有点击那个向下的图标函数才有响应
Issue Type:
Version & Environment:
Description:
<el-date-picker [formControlName]="date" size="small" [format]="'yyyy-mm-dd'"></el-date-picker>
formGroup初始化后date有值1970-09-01 12:00:00,然而[format]="'yyyy-mm-dd'"并没有生效。
@Cyclone77
Issue Type:
Version & Environment:
0.6.3
Description:
i18n for components are missing
e.g. pagination component have some Chinese characters hard-coded and we need abstract all these to configurable like vue version did. (please refer http://element.eleme.io/#/zh-CN/component/i18n)
Issue Type:
Version & Environment:
Description:
<el-header class="bg-success">Header</el-header>
Issue Type:
Version & Environment:
0.6.6
Description:
"Select" component need multi-select feature.
just like vue version
http://element.eleme.io/#/zh-CN/component/select#ji-chu-duo-xuan
Issue Type:
Version & Environment:
elementUI 0.6.0
angular 5.4
Description:
如题,el-form设置了show-icon,icon-click icon-mouseenter icon-mouseleave都无法触发
如果把el-input放在普通div里就可以正常触发
Issue Type:
Version & Environment:
IE11 , angular 5.0
All polyfills are imported for IE11 in polyfills.ts.
Description:
IE11 crash when I load an element-angular component. On Chrome browser it works but in our company we must use IE11...
When I comment in source code all element-angular dependencies , it works on IE11.
In IE inspector :
// "../../../../element-angular/release/element-angular.module.js":
// (function(module, webpack_exports, webpack_require) {
"use strict";
and in console "SCRIPT1002: syntax error"
eval("Object.defineProperty(webpack_exports, "__esModule", { value: true });\n/* harmony export (binding) / webpack_require.d(webpack_exports, "ElModule", function() { return ElModule; });\n/ harmony import / var WEBPACK_IMPORTED_MODULE_0__angular_core = webpack_require("../../../core/esm5/core.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_1__message_message_service = webpack_require("../../../../element-angular/release/message/message.service.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_2__notification_notification_service = webpack_require("../../../../element-angular/release/notification/notification.service.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_3__shared_module = webpack_require("../../../../element-angular/release/shared/module.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_4__button_module = webpack_require("../../../../element-angular/release/button/module.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_5__checkbox_module = webpack_require("../../../../element-angular/release/checkbox/module.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_6__icon_module = webpack_require("../../../../element-angular/release/icon/module.js");\n/ harmony import / var WEBPACK_IMPORTED_MODULE_7__radio_module = webpack_require("../../../../element-angular/release/radio/module.js");\n/ harmony import */ var WEBPACK_IMPORTED_MODULE_8__menu_module = webpack_require ...
Can you please fix this issue ?
Thanks
Issue Type:
Version & Environment:
elementUI 0.5.6
angular 5.2.0
Description:
html template如下
<el-collapse> <el-collapse-item *ngFor="let item of list" [label]="item"></el-collapse-item> </el-collapse>
其中list是Array,为空的时候
第一次执行list.push('xxxx')是能顺利刷新DOM并显示一个xxxx面板的
但是再次执行list.push('xxxx')就没有任何反应了
如果list里本身就有已经好几个元素,能正常的将其全部渲染出来,但执行push方法后也没有刷新DOM出现新的面板
是我用的姿势不对么?同样的代码用div标签就OK
Issue Type:
Version & Environment:
elementUI 0.6.0
Description:
#FFFFFF √
#00FFFFFF ×
Issue Type:
Version & Environment:
0.56
Description:
input组件怎么像name一样规定 input 元素的名称,是使用model吗?如何使用?
Issue Type:
Version & Environment:
0.6.3
Description:
回调函数before-close方法中 this 关键字不是原来的Component 而是dialog的.
Issue Type:
Version & Environment:
Description:
Issue Type:
Version & Environment:
0.6.3
Description:
table component row multi-select is not support
Issue Type:
Version & Environment:
elementUI 0.5.7
angular 5.2.4
Description:
渲染时ngIf的表达式为false时正确渲染(不渲染)
当ngIf的表达式从true变为false时,元素不会消失
只在上试了,暂时还不知道其他标签有没有这个问题
现在只能在外面再套一层 <div> 来放ngIf
PS:谢谢维特这么快就把折叠菜单的BUG修了,摸摸哒
Issue Type:
Version & Environment:
0.6.3
Description:
localization support
Issue Type:
Version & Environment:
Description:
el-table 组件设置 center="all";如果el-table-column组件设置width属性为某一值时,表格头可以正常居中显示;如果不设置width,让这一列自适应宽度时这一列的表格头不能居中显示,表格中其它行却是正常居中的!
Issue Type:
Version & Environment:
0.5.6
Description:
用element-angular组件在别的浏览器下面没有问题,但是在IE11浏览器下面报错,怎么回事儿,怎么处理啊,急急急!!!
报错信息如下:
1、SCRIPT1002: 语法错误
vendor.d728a6e48f330e2ec5f4.bundle.js (44114,1)
定位到代码位置:
class ElAlert {
constructor() {
this.type = 'info';
this.center = false;
this.closable = true;
this.closeText = '';
this.showIcon = false;
this.close = new WEBPACK_IMPORTED_MODULE_0__angular_core"EventEmitter";
this.visible = true;
}/
2、SCRIPT5007: 无法获取未定义或 null 引用的属性“call”
inline.be6425cc5ee786827d95.bundle.js (55,12)
定位到代码位置为:
modules[moduleId].call(module.exports, module, module.exports, webpack_require);
Issue Type:
Version & Environment:
0.6.5
Description:
Pagination 的每页显示条数按钮点击后出现输入光标,并且可以用键盘删除其中的文字
Issue Type:
Version & Environment:
0.6.0
Description:
吓死劳资了,我还以为双重点击
Issue Type:
Version & Environment:
0.6.5
Description:
<el-table [model]="data"> <el-table-column label="xx">.... </el-table>
when the model data changed, how to refresh the table display?
I try to use el-table and el-pagination display some data, but I can not update the table content when page changed, please help.
Issue Type:
Description:
请问下表单验证能否在提交的时候获得一个总体的验证状态?
比如: 用户名、密码其中有一个未验证通过表单的状态就是false,两个都通过就是true之类的。
Issue Type:
Version & Environment:
0.6.3
Description:
formGroup is in example (https://element-angular.faas.ele.me/form/form), but it's not in Form API and it's not supported
Issue Type:
Version & Environment:
Description:
The back end of the file upload component can't find "file"
Issue Type:
Version & Environment:
0.6.4
Description:
Form become invalid even all controls validation pass. This may caused by element-angular returns { status: "success"} when validation pass to flag the field to green. But angular treated this as an error.
As a workaround we may ignore the angular native formGroup.valid state and check if all control.errors contains { status: "success"}
Below is code to reproduce this issue
https://stackblitz.com/edit/angular-pibr2u
Issue Type:
Version & Environment:
0.5.4
Description:
树控件的default-expand-all以及expanded属性值无效
Issue Type:
Version & Environment:
0.6.3
Description:
ngIf is not working in table column
Please refer the shared code for more details. In the data model one row is blocked and another is not. But in table view they are both unblocked(bocked: false/undefined)
Issue Type:
Version & Environment:
Description:
根目录,app.module.ts引入
declarations: [
ExAppComponent,
],
这个ExAppComponent是哪里来的呢?
提示can't find name 'ExAppComponent'
Issue Type:
Version & Environment:
Description: 消息提示 在safari 上动画有点小问题。总是会向左边移动一段距离
Issue Type:
Version & Environment:
0.6.3
Description:
size attribute is not support in table
Issue Type:
Version & Environment:
"@angular/cli": "1.6.5",
"@angular/core": "^5.2.0",
"element-angular": "^0.5.4",
Description:
我在这个元素上绑定routerLink="/index"的时候是无效的,换成(click)="go()"也是无效的,并且在对应的元素上没有看到(click)绑定在元素上。
另外el-for-angular是不是没有 :router这个属性,因为我这样尝试的时候也是无效的。
谢谢。
Issue Type:
Version & Environment:
0.7.0
Description:
placeholder for el-select not working after adding new multi-select feature for el-select
Issue Type:
Version & Environment:
Description:
element-angular 的分页功能无法正常使用,修改总页数之后页码列表不重新加载
Issue Type:
Version & Environment:
0.7.1
Description:
single el-select placeholder not working
Issue Type:
Version & Environment:
ng 5.
Description:
Unexpected value 'undefined' imported by the module 'AppModule'
https://stackblitz.com/edit/angular-el-angular-test
# app.module.ts
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
BrowserAnimationsModule,
ElChildModules.ElDataPicker
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
[Solved] Thanks to WittBulter
imports:[ ElChildModules.ElInputsModule.forRoot(), ElChildModules.ElDateModule.forRoot() ]
Issue Type:
Version & Environment:
0.5.6
Description:
element-angular 中tree 控件中有个UserSafeHooks 这个是什么 怎么用呀
Issue Type:
Version & Environment:
0.56
Description:
树组件的例子-<默认展开和默认选中>,运行后没有展开效果。
经过多次测试,需将expanded: true添加到每个层级,望能修复这个错误例子
Issue Type:
Version & Environment:
Description:
private cityValidator = (control: FormControl): validateResult => {
if (!control.value) {
return { status: 'error', message: '必须填写城市名' }
}
if (!/[一-龥]/.test(control.value)) {
return { status: 'error', message: '城市名必须是中文' }
}
return { status: 'success' }
}
类似这样的校验函数,validateResult是怎么引入的,文档里没有
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.