Tag: angular度cli

angular2 testing：无法绑定到'ngModel'，因为它不是'input'的已知属性: 我正在尝试为控制inputtestingangular2双向绑定。这是错误： Can't bind to 'ngModel' since it isn't a known property of 'input'. app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> app.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import { TestBed, async } from '@angular/core/testing'; import { AppComponent } from './app.component'; import { AppService […]

在Angular 2，Angular 4或Angular 5中实现插件体系结构/插件系统/可插入框架: 我想在Angular 2 ， Angular 4或Angular 5应用程序中实现一个可插入的（插件）框架。（我开发这个可插拔框架的具体用例是我需要开发一个微型的内容pipe理系统，由于这里没有详细说明的一些原因， Angular 2/4/5几乎完全适合大部分的需求系统。）通过可插入框架（或插件体系结构），我特指一个系统，它允许第三方开发人员通过使用可插入组件来创build或扩展主应用程序的function，而无需直接访问或了解主应用程序的源代码或内部工作。可插入框架的例子包括常见的内容pipe理系统，如WordPress或Drupal 。理想情况下（与Drupal一样）可以简单地将这些可插入的组件（或插件）放到一个文件夹中，让应用程序自动检测它们，并让它们神奇地“工作”。我试图确定以下五个问题的答案。实用性： Angular 2/4/5应用程序的插件框架是否实用？（到现在为止，我还没有find用Angular2/4/5创build真正可插入框架的实用方法。）预期的挑战：在实现Angular 2/4/5应用程序的插件框架中可能遇到什么挑战？实施策略：可以采用哪些特定的技术或策略来实现Angular 2应用程序的插件框架？最佳实践：为Angular 2/4/5应用程序实现插件系统的最佳实践是什么？替代技术：如果插件框架在Angular 2/4/5应用程序中不可行，那么相对等效的技术（如React ）可能适用于现代Web应用程序？一般来说，使用Angular 2/4/5是非常理想的，因为：这是非常快的它具有相对较小的占地面积（在AOT和tree shaking ） – 并且该占地面积继续缩小它消耗很less的带宽（在初始负载之后）它function强大它与许多最好的和最新的Web技术（如TypeScript和Observables搭配使用得到Google支持，未来很可能得到支持和加强我非常希望在当前的项目中使用Angular 2/4/5 。如果我能够使用Angular 2/4/5 ，我也将使用Angular-CLI和Angular Universal （用于服务器端渲染）。到目前为止，关于上述问题，我的想法如下。请审阅并提供您的反馈和启示。 Angular 2/4/5应用程序使用包 – 但这不一定与允许应用程序中的插件相同。 […]

Angular2 CLI巨大的供应商捆绑：如何提高产品尺寸？: 我有一个简单的应用程序，由angular-cli初始化。它显示了一些相对于3条路线的页面。我有3个组件。在这个页面上，我使用lodash和Angular2 Http模块来获取一些数据（使用Rxjs Observables，map和subscribe）。我用一个简单的ngFor来显示这些元素。但是，尽pipe我的应用程序真的很简单，但我得到了一个巨大的（在我看来）捆绑软件包和地图。我不讨论gzip版本，但是在gzip之前大小。这个问题只是一个普遍的build议问。一些testing结果： build立 Hash：8efac7d6208adb8641c1时间：10129ms chunk {0} main.bundle.js，main.bundle.map（main）18.7 kB {3} [initial] [rendered] chunk {1} styles.bundle.css，styles.bundle.map，styles.bundle.map（styles）155 kB {4} [initial] [rendered] 块{2} scripts.bundle.js，scripts.bundle.map（脚本）128 kB {4} [initial] [rendered] chunk {3} vendor.bundle.js，vendor.bundle.map（vendor）3.96 MB [initial] [rendered] 块{4} inline.bundle.js，inline.bundle.map（内联）0字节[条目] [呈现] 等等： 10Mb供应商捆绑包这样一个简单的应用程序？ ng build –prod Hash：09a5f095e33b2980e7cc时间：23455ms chunk {0} main.6273b0f04a07a1c2ad6c.bundle.js，main.6273b0f04a07a1c2ad6c.bundle.map（main）18.3 kB {3} [initial] [rendered] […]