ng2/4 开发问题记录

Posted easonw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ng2/4 开发问题记录相关的知识,希望对你有一定的参考价值。

1,can‘t bind to ‘ngModel‘ since it isn‘t a known property of ‘input‘

解决: ngModel 指令存在于 npm package: @angular/forms中,需要引入
import { FormsModule } from "@angular/forms";

并加入到imports中:

imports: [
  FormsModule
]

2,angular cli报错:TypeError: Cannot read property ‘NullLogger‘ of undefined

解决: 重新安装angular-cli

npm uninstall -g angular-cli
npm cache clean --force
npm install -g @angular/[email protected]

3,angular-cli 如何使用代理api

解决:

angular-cli启动前端项目的地址例如为:http://localhost:4200,后台服务的地址为http://localhost:9999,如果直接将请求地址写成http://localhost:9999/api,会发生CORS跨域错误。

首先在根目录下新建proxy.config.json:

{
   "/api-admin": {
      "target": "http://localhost:9999",
      "changeOrigin":true
   }
}

然后在package.json中,配置

"start": "ng serve --proxy proxy.config.json"

此时对后端的请求就会被代理到9999端口。

在http请求时如下,

 this.dataSource = this.http.get("/api-admin/login?username="+this.username+"&password="+this.password,{}).map((res)=> res.json());
 this.dataSource.subscribe(function (res) {
     console.log(res);
 }, function (err) {
     console.log(err);
 });

 

以上是关于ng2/4 开发问题记录的主要内容,如果未能解决你的问题,请参考以下文章

ng2-dnd 与 Angular 4

angular4 的 ng2-opd-popup 问题

QT 实用代码片段

massCode 一款优秀的开源代码片段管理器

超实用的php代码片段

CSP核心代码片段记录