小编JV3*_*JV3的帖子

我有一个跨度的动态文本。我想用line-clamp: 2.

在这种情况下，有最大值。2 行文本，其余文本被 截断…。

这适用于：

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

我的问题：如果内容被截断，则应显示工具提示。如何检测文本是否被夹住？

元素的高度是一样的，innerHTML是一样的......我没有更多的想法......

我在我的角度项目中包含了bootstrap ui模块,现在我想扩展例如'ui-bootstrap-tpls.js'中的datepicker控制器'UibDatepickerController'以及更多功能.

好的,我可以编辑ui bootstrap文件,但这不是我想要的.

我想一个模块化的文件(也许一个自己的指令),因此不存在大的问题,当一个用户界面引导更新传入.

那可能吗？什么是最佳做法？

如何在控制台的angular2中注入服务？

在angular1中刚刚写道：

angular.element(document).injector().get('MyService')

我写了一个带有一些服务的角度库,可以在不同的角度应用中使用它.没有--prod,所以没有AOT编译,在角度应用程序中一切正常.

使用ng-packagr以及cli以及一些不同的yeoman生成器生成库每次都会产生相同的错误.此外,我尝试了不同的ng版本(5.xx,6.xx和7.xx).但是在所有情况下,当我在应用程序的app.module中调用LoggerModule.forRoot()时,每次(使用AOT)都会出现相同的错误:

ERROR in Error during template compile of 'AppModule' 
Function calls are not supported in decorators but 'LoggerModule' was called.

我阅读了很多关于这个主题的文章,在tsconfig中尝试了不同的angularCompilerOptions.有什么进一步的想法吗？该模块在没有AOT的情况下工作正常(但这不是我们的选择)......

图书馆的NgModule:

@NgModule({
  declarations: [],
  imports: [],
  providers: []
})
export class LoggerModule {

  static forRoot(): ModuleWithProviders {
    return {
        ngModule: LoggerModule,
        providers: [LoggerService]
    }
  }
}

NgModule的应用:

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    LoggerModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent],
  entryComponents: [AppComponent]
})
export class AppModule {
}

我用 StencilJS 编写了一个 Web 组件。

开槽元素仅应在特定情况下呈现。所以有一个可选元素。

<div>
  <slot name="title"/>
    {this.active && (<slot name="content"/>)}
</div>

Web组件的调用如下：

<my-test>
   <div slot="title">This is a test</div>
   <div slot="content">123</div>
</my-test>

这在 Microsoft Edge 和 IE11 中不起作用。对于 Chrome 和 Firefox 来说一切都很好。

我知道插槽不受支持：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot#Browser_compatibility

但显然 stenciljs 中有一些填充。

铬合金：

IE11:

有关于该主题的经验吗？

display: block我有一个带有( )的 DIV .out。

在此 DIV 中，有一个带有display: inline-flex( .row) 的 Flexbox，其中一列 ( .infos) 的静态宽度为 350 像素，另一列 ( .dynamic) 应根据内容具有动态宽度。

.row现在我遇到了外部 DIV ( ) 在全屏上增长的问题。那不是我的用例。我想要一个动态的外部 DIV。

请查看我的小提琴：https ://jsfiddle.net/2ymx9oog/

.out {
  border: 1px solid red;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}
.row {
  display: inline-flex;
  flex-direction: row;
  padding: 10px;
  border: 1px solid yellow;
}
.infos {
  border: 1px solid green;
  flex-basis: 350px;
}
.dynamic {
  border: 1px solid blue; …