标签: angular-cli

Angular 2访问硬件摄像头

我一直在努力让教程在Angular2中运行.我面临的问题是获得navigator.mediaDevices.getUserMedia工作.问题是mediaDevices在类型'navigator'上不存在.

这是媒体捕获和流文档.

我想链接更多信息,但我还没有声誉.但是,DefinitelyTyped MediaStream.d.ts是我一直使用的其他资源.

我希望在本周末之前完成这项工作,如果我得到解决方案,我将在GitHub上发布一个示例.非常感谢任何帮助,谢谢!

typescript ngcordova angular-cli angular

1
推荐指数
1
解决办法
7677
查看次数

在角度2中验证,而不是从@ angular/common导入与表单验证相关的ControlGroup和Control?

嗨,我是角度2和angularcli的新手,请帮助我.

我创建了需要验证的表单.我试图从@ angular/common导入指令或服务,显示错误.我试图从@ angular/common访问ControlGroup和Control.验证我正在使用FormBuilder

我没有得到我做错的事

这是我的组件打字稿文件

import { Component, OnInit } from '@angular/core';
import {FormBuilder, FormGroup, Validators, FormControl, NgForm } from '@angular/forms';
import {ControlGroup, Control} from '@angular/common'; //at this line the error is [ts] Module '"/home/Documents/newproject/mds/node_modules/@angular/common/index"' has no exported member 'Control'

@Component({
selector: 'app-formvalidate',
templateUrl: './formvalidate.component.html',
styleUrls: ['./formvalidate.component.css']
})
export class FormvalidateComponent {
  myForm:ControlGroup;
  constructor(fb: FormBuilder) {
  this.myForm = fb.group({
  firstname: ["", Validators.required],
  lastname: ["", Validators.required],
  usermail: ["", Validators.required],
  userpass: ["", Validators.required],
  userconfpass: ["", Validators.required]

});

}
}
Run Code Online (Sandbox Code Playgroud)

这是我的HTML页面,其中包含表单

 <div …
Run Code Online (Sandbox Code Playgroud)

validation angularjs typescript angular-cli angular

1
推荐指数
1
解决办法
3985
查看次数

如何在Angular2应用程序中包含HTML实体?

我正在使用Angular-CLI构建一个简单的样式指南应用程序.在我预先格式化包含HTML实体的HTML标记的情况下,这令人窒息:

Uncaught Error: Template parse errors:
Unknown entity "rdqo" - use the "&#<decimal>;" or  "&#x<hex>;" syntax ("

<pre><code>
    &ldquo; [ERROR ->]&rdqo; (“ ”)
    &ldsuo; &rsqo; (‘ ’
    &mdash; (—)
"): TypographyComponent@15:12
Run Code Online (Sandbox Code Playgroud)

我的组件标记看起来像这样:

<pre><code>
    &ldquo; &rdqo; (“ ”)
    &ldsuo; &rsqo; (‘ ’)
    &mdash; (—)
    &hellip; (…)
</code></pre>
Run Code Online (Sandbox Code Playgroud)

如何以Angular-CLI可以容忍的方式在预格式化的块中包含或转义此类标记?

html-entities angular-cli angular

1
推荐指数
1
解决办法
857
查看次数

尝试使用angular-cli服务器访问不同模块中的直接URL时出现404错误

所以,我试图使用angular2直接访问url,使用angular-cli.所以,当我访问网址http://192.168.56.103:3000/app时,应用程序和所有模块及其路径都能正常工作.

但是当我试图直接访问模块路径时(例如http://192.168.56.103:3000/employee/upload),我收到了这个错误:

upload:10 GET http://192.168.56.103:3000/employee/styles.e7a71cdafac175e58c1d2b9d347ab895.bundle.css 
upload:18 GET http://192.168.56.103:3000/employee/inline.d41d8cd98f00b204e980.bundle.js 
upload:18 GET http://192.168.56.103:3000/employee/styles.d6983b9a92d269fc6b29.bundle.js 
upload:18 GET http://192.168.56.103:3000/employee/scripts.916e0bd9d793165463ce.bundle.js 
upload:18 GET http://192.168.56.103:3000/employee/main.aa7bb73e6fe0d8821716.bundle.js 404 (Not Found)
Run Code Online (Sandbox Code Playgroud)

它是这样的,Href Base不是http://192.168.56.103:3000/ root,但它是http://192.168.56.103:3000/employee.因此,我的应用程序遇到了一些错误,找不到这些文件.那么如何使用angular-cli服务器解决angular2中的问题呢?

此外,我试图在我的模块中添加一个基本Href,但没有任何反应,错误仍然相同:

import { CommonModule, APP_BASE_HREF }   from '@angular/common';

@NgModule({
  imports: [
  ],
  declarations: [

  ],
  providers: [
     ....
    {provide: APP_BASE_HREF, useValue : '/' }
  ]
})
...
Run Code Online (Sandbox Code Playgroud)

我的路由如下所示:

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
...

const entity : string = 'employee';

const employeeRoutes: …
Run Code Online (Sandbox Code Playgroud)

angular2-routing angular-cli angular

1
推荐指数
1
解决办法
2373
查看次数

如何部署angular 2 cli应用程序

我对如何托管应用程序感到困惑.我用cli制作了它.我只是把dist文件夹推送到我的托管服务(去爸爸)?步骤是什么?我找不到上传我的应用所需的步骤.

angular-cli angular

1
推荐指数
1
解决办法
1308
查看次数

angular cli lint错误导出在另一个文件上

我正在为angular2项目使用angular cli.虽然我使用lint命令进行linting-and-formatting-code,如下所示

ng lint
Run Code Online (Sandbox Code Playgroud)

我可以在命令提示符下看到几个错误,如下所示

src/app/quote/your-cart/your-cart.component.ts[118, 9]: missing whitespace
src/app/quote/your-cart/your-cart.component.ts[129, 8]: missing whitespace
src/app/quote/your-cart/your-cart.component.ts[130, 9]: missing whitespace
src/app/quote/your-cart/your-cart.component.ts[142, 21]: missing whitespace
Run Code Online (Sandbox Code Playgroud)

由于它报告了大量错误,我想在某个文件上导出该错误.它可能是HTML,TXT,甚至JSON也没关系.

简而言之,我想将角度cli lint错误导出到某个文件.

请帮忙.

tslint angular-cli angular

1
推荐指数
1
解决办法
1355
查看次数

设置Angular CLI构建位置

我有一个使用Angular CLI生成的Angular 2项目(通过键入ng new myProject).

如何配置构建位置,因此在构建之后,我将拥有一个包含所有HTML,JS和其他资源的单独文件夹?

angular-cli angular

1
推荐指数
2
解决办法
6192
查看次数

Angular2(angular-cli)和Material Design Lite(angular2-mdl)

我在使用angular2-mdl包启动Angular2项目时遇到了一些问题.

我的项目设置是使用angular-cli(webpack) - https://github.com/angular/angular-cli

我试图整合谷歌材质设计精简版(https://getmdl.io/started/index.html使用angular2-MDL包()https://www.npmjs.com/package/angular2-mdl).

angular2-mdl设置步骤非常简单:

npm install angular2-mdl --save
Run Code Online (Sandbox Code Playgroud)

显然就是这样......它应该有效.但事实并非如此.我已经到了使用MDL的组件正确设置样式的点,但动画的JavaScript根本不会触发.我理解这是因为MDL在Angular加载它们之前正在扫描页面中的DOM元素,所以尝试了在SO上宣传的"刷新DOM"修复,但它对我不起作用:

ngAfterViewInit(){
    console.log("HeaderComponent.ngAfterViewInit");
    componentHandler.upgradeAllRegistered();
}
Run Code Online (Sandbox Code Playgroud)

控制台中没有错误,样式工作和javascript没有.我想知道是否有人有这种设置/类似问题的经验?

Ps我是Angular2的新手,并且真的不喜欢每个环境设置似乎都有差异...有些使用webpack,有些使用systemjs,不同的生成器工具等等......我一个人在这里吗?!

谢谢

webpack material-design angular-cli angular2-mdl angular

1
推荐指数
1
解决办法
1263
查看次数

Material2:如何覆盖Material2组件中的Roboto字体

我想改用Lato.我试图在增加它index.htmlstyles.css,但不工作.

angular-cli angular-material2 angular

1
推荐指数
3
解决办法
2081
查看次数

Angular2网站在刷新除基本URL之外的任何页面时均中断

我开发了一个angular2网站,在其中实现了angular2路由,并在生产环境中构建了该网站,然后部署了该网站,现在当我从其基本URL(即http://urlblocker.net/spotify)打开该网站时,它可以正常工作。但是当我导航到任何其他页面并刷新该页面(例如http://urlblocker.net/spotify/about)时,会出现以下错误。

“找不到,在此服务器上找不到请求的URL / spotify / artist / 0C8ZW7ezQVs4URX5aX7Kqx。此外,尝试使用ErrorDocument处理请求时遇到了404 Not Found错误。”

如果我只是打开有关页面URL的信息,也会出现相同的错误。如何解决呢???

production-environment angular-cli angular

1
推荐指数
1
解决办法
1952
查看次数