码迷,mamicode.com
首页 > 其他好文 > 详细

ng2/4 开发问题记录

时间:2018-06-21 22:40:07      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:前端   col   error   input   play   res   art   proxy   console   

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/cli@latest

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 开发问题记录

标签:前端   col   error   input   play   res   art   proxy   console   

原文地址:https://www.cnblogs.com/easonw/p/9210413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!