所以我想在我的Angular 2应用程序中包含一个外部JS库,一个旋转木马滑块.我已经看过很多教程,展示了如何添加它我已经成功完成了,但引用了index.html上的库.
如您所知,每次访问应用程序时都会加载库,无论他们是否访问需要轮播的组件.由于它非常大,我只想在需要的地方加载它,这是在一个延迟加载的模块中.
我没有尝试过,但我确信我可以在使用它的组件中查看脚本标记,但这对我来说感觉不对.
必须有正确的方法.它是什么!?
谢谢!
我正在尝试将Angular UI Typeahead控件附加到HTML中的自定义元素.文档说明了这一点:
typeahead-append-to $(默认值:null) - 是否应将typeahead弹出窗口附加到元素而不是父元素?
我不能为我的生活图什么设置这个值!我已经尝试了'#elementId'和'.elementClass'的所有组合,但仍然没有运气.
我可以向身体附加没有类型为appea-append-to-body ="true"的probs,但这不是我想要做的.
请帮忙!
干杯
angularjs angular-ui angular-ui-bootstrap angular-ui-typeahead
在 angular 1.x 中,我可以在同一语句中使用数组和对象语法的组合,如下所示:
<div ng-class="[classNameFromController, {'show' : booleanFromController}]"></div>
Run Code Online (Sandbox Code Playgroud)
同样的方法在 Angular 2 中不起作用:
<div [ngClass]="[classNameFromController, {'show' : booleanFromController}]"></div>
Run Code Online (Sandbox Code Playgroud)
我找不到任何表明它可以完成的东西。
是什么赋予了?
干杯!
我正在使用@ angular/cli @ 1.4.3.
在构建之前,我正在使用gulp-postcss来自动修复我的CSS.它是一种享受.以下是它创建的CSS示例(为了便于阅读而未缩小):
form.registration-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
Run Code Online (Sandbox Code Playgroud)
完善!但是当CLI构建应用程序时,创建的CSS看起来像这样:
form.registration-form {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
Run Code Online (Sandbox Code Playgroud)
注意它的HALF是如何丢失的!?:/
我很困惑,任何帮助,我将永远感激不尽!
干杯!
angular ×3
angular-cli ×2
angular-ui ×1
angularjs ×1
external-js ×1
flexbox ×1
ng-class ×1
postcss ×1
webkit ×1