Angular項目中遇到的小問題集錦

1.添加form表單的時候，報錯Can't bind to 'formGroup' since it isn't a known property of 'form'. 

解決方式連接：https://blog.csdn.net/cnwyt/article/details/84858945

2.angular-cli修改端口號，ng serve --host localhost --port 4201

解決方式連接：https://blog.csdn.net/jiahongruan8585/article/details/72869089

3.添加路由的時候，router-outlet報錯：'router-outlet' is not a known element:……

解決方式連接：https://blog.csdn.net/weixin_41844140/article/details/90295551

4.angualr中使用for … in 出現警告for (… in …) statements must be filtered with an if statement (forin)

解決方式鏈接：https://blog.csdn.net/qq_37441717/article/details/103857967

原因：
使用 for…in會遍歷對象上的所有的屬性，包括原型鏈上的可枚舉屬性，該警告的目的是希望過濾出想遍歷的屬性，而不是所有屬性。

解決辦法：
1、使用ts中的 // tslint:disable-next-line:forin，意思是忽略下一行的校驗。
2、使用Object.keys()對所有遍歷的對象的key進行提取，並使用for…of遍歷提取的keys數組。
例如：

for (const i of Object.keys(this.validateForm.controls)) {
      this.validateForm.controls[i].markAsDirty();
      this.validateForm.controls[i].updateValueAndValidity();
    }

5.使用nz-input-group時報錯：Can't bind to 'ngModel' since it isn't a known property of 'nz-select'.

解決方式連接：https://blog.csdn.net/sunwujun123/article/details/78934772

6.angular 訪問後臺api ，請求結果是200 ，但是代碼走的是error

這個問題是因爲後臺API 的返回值類型和angular請求類型不匹配，默認angular 請求的是json，但後臺返回的不是json ，所以我們在http.get()的方法中加入參數｛‘reponseType’:'text'｝

7.使用for循環的時候報錯：

錯誤原因：沒有綁定ngforof，在@Ngmodule（）中添加browserModule到imports:[]，如果它是根模塊（appmodule），則爲commonModule。

解決方式：https://stackoverflow.com/questions/40738272/angular2-final-version-ngfor-in-component-cant-bind-to-ngforof-since-it-i

 

8.項目中需要引入相關模塊，使用了require，報錯：

解決方式：https://blog.csdn.net/LittleDragonHu/article/details/86150213 

9.項目中需要自定義主題，ant-zorro官網有自定義主題的教程（https://ng.ant.design/docs/customize-theme/zh），但是自己在引入的過程中，項目首次編譯運行不通過，報錯：

 解決方式一是引入文件：node_modules/ng-zorro-antd/style/color/colorPalette.less";

我出現該問題的原因是使用less定義font-size-lg:font-size-base +2px，導致less運行不通過，2前面應該加一個空格。

10.自定義封裝組件，編譯通過，但是在展示的時候報錯：

解決方式：https://www.jianshu.com/p/f34d88bbc821