elemefe / element-angular Goto Github PK

Issue Type:

• Bug
• Feature
• Help

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:

• Help

Version & Environment:
0.56

Description:
input组件怎么像name一样规定 input 元素的名称，是使用model吗？如何使用？

Issue Type:

• Bug
• Feature
• Help

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:

• Bug
• Feature
• Help

Version & Environment:
node 8.4
windows 10
谷歌浏览器

Description:

1.在header.componet.html中引入el-menu组件

2.在shared.module.ts中引入ElModule，并且导出

3.然后在app.module.ts再引入shared.module。报的这个错误

Issue Type:

• Bug
• Help

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:

• Bug
  On IE11 I have this errror :Can't resolve all parameters for ElTooltip: ([object Object], [object Object], ?).

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:

• Bug
• Feature
• Help

Version & Environment:
0.6.3

Description:
table component need configurable checkbox column

example:

http://element.eleme.io/#/zh-CN/component/table#duo-xuan

Issue Type:

• [√ ] Bug

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:

• Bug

Version & Environment:
0.5.4

Description:

树控件的default-expand-all以及expanded属性值无效

Issue Type:

• Bug
• Feature
• Help

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:

• Bug
• Feature
• Help

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:

• Bug
  IE11 crash when I load an element-angular component.

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";
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 ... and in console "SCRIPT1002: syntax error"

Can you please fix this issue ?

Thanks

Issue Type:

• Bug

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:

• Feature

Version & Environment:
elementUI 0.6.0

Description:
#FFFFFF √
#00FFFFFF ×

Issue Type:

• Bug
• Feature
• [* ] Help

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:

• Bug
• Feature
• Help

Version & Environment:
0.7.1

Description:
single el-select placeholder not working

Issue Type:

• Bug
• Feature
• Help

Version & Environment:
0.6.3

Description:
localization support

Issue Type:

• Bug
• Feature
• Help

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)

https://stackblitz.com/edit/angular-ed49je

Issue Type:

• Bug
• Feature
• Help

Version & Environment:

Description:
el-table 组件设置 center="all"；如果el-table-column组件设置width属性为某一值时，表格头可以正常居中显示；如果不设置width，让这一列自适应宽度时这一列的表格头不能居中显示，表格中其它行却是正常居中的！

Issue Type:

• Bug

Version & Environment:

0.6.4

Description:
在使用[expand-on-click-node] = "false"（不允许点击非图标区域触发展开收起动作）想要实现只点击图标展开收起，而不是点击文字展开收起。但是使用完之后发现，modelChange点击响应事件不能用了，只有点击那个向下的图标函数才有响应

Issue Type:

• Bug

Version & Environment:
0.6.0

Description:
吓死劳资了，我还以为双重点击

Issue Type:

• Bug

Version & Environment:

1. 在form中Switch虽然设置值没有问题，但是按钮没切换，如图：

图中可以看出设置的是true，按钮应该在右边。

2. Radio初始化的时候设置值或者更新（用validateForm.patchValue()）无法设置值。
   Description:

Issue Type:

• Help

Version & Environment:
0.56

Description:
select组件中的size属性如何使用？试了几次好像都没有效果

Issue Type:

• Bug
• Feature
• Help

Version & Environment:

Description:

Issue Type:

• Feature

Description:
想要做一个可以点击尾部的图标来显示密码的密码输入框。

Issue Type:

• [ √] Bug

Version & Environment:
elementUI 0.5.7
angular 5.2.4

Description:
渲染时ngIf的表达式为false时正确渲染（不渲染）
当ngIf的表达式从true变为false时，元素不会消失
只在上试了，暂时还不知道其他标签有没有这个问题
现在只能在外面再套一层 <div> 来放ngIf

PS：谢谢维特这么快就把折叠菜单的BUG修了，摸摸哒

Issue Type:

• Bug
• Feature
• [1 ] Help

Version & Environment:

Description:
根目录，app.module.ts引入
declarations: [
ExAppComponent,
],
这个ExAppComponent是哪里来的呢？

提示can't find name 'ExAppComponent'

Issue Type:

• Bug
• Feature
• Help

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是怎么引入的，文档里没有

Issue Type:

• Feature

Version & Environment:
0.6.3

Description:
size attribute is not support in table

Issue Type:

• Bug
• Feature
• Help

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:

• Bug
• Feature
• Help

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:

• Bug
• Feature
• Help

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:

• Bug
• Feature
• Help

Version & Environment:
0.7.0

Description:
placeholder for el-select not working after adding new multi-select feature for el-select

Issue Type:

• Feature

Version & Environment:
0.6.3

Description:
table component row multi-select is not support

Issue Type:

• Help

Version & Environment:

Description:
The back end of the file upload component can't find "file"

Issue Type:

• Bug
• Feature
• Help

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:

• Bug

Version & Environment:
0.56

Description:
树组件的例子-<默认展开和默认选中>，运行后没有展开效果。
经过多次测试，需将expanded: true添加到每个层级，望能修复这个错误例子

Issue Type:

• Bug
• Feature
• Help

Version & Environment:
0.5.6

Description:
element-angular 中tree 控件中有个UserSafeHooks 这个是什么 怎么用呀

Issue Type:

• Bug
• Feature
• [ ok] Help

Version & Environment:
windows 10
angular 5.2.0

Description:

为什么我的图片不能上传啊，415状态码，django后台

Issue Type:

• Bug
• Feature
• Help

Version & Environment:

0.6.3

Description:
回调函数before-close方法中 this 关键字不是原来的Component 而是dialog的.

Issue Type:

• [ X] Bug
• Feature
• Help

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:

• [ √] Bug
• Feature
• Help

Version & Environment:

Description:
element-angular 的分页功能无法正常使用，修改总页数之后页码列表不重新加载

Issue Type:

• Bug
• Feature
• Help

Version & Environment:

 [ngStyle]="{ 'margin-left.px': '20' }" 

formControlName="IS_ACTIVITY"
[model] = "true"
active-text="是"
inactive-text="否">

Description:
如果不设置[model],仅仅文字有Form['IS_ACTIVITY']赋初始值效果

Issue Type:

• Bug
• Feature
• Help

Version & Environment:

Description:
<el-header class="bg-success">Header</el-header>

Issue Type:

• Feature

Version & Environment:

Description: 消息提示 在safari 上动画有点小问题。总是会向左边移动一段距离

Issue Type:

• Help

Description:

请问下表单验证能否在提交的时候获得一个总体的验证状态？
比如： 用户名、密码其中有一个未验证通过表单的状态就是false，两个都通过就是true之类的。

Issue Type:

• Bug

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:

• Bug
• Feature
• Help

Version & Environment:
0.6.5

Description:
Pagination 的每页显示条数按钮点击后出现输入光标，并且可以用键盘删除其中的文字

Issue Type:

• Bug

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:

• Bug
• Feature
• Help

Version & Environment:

Description:

如何 更改textarea宽度，在设置表单为[inline]="true" 一行内。