CK's Notepad

今天朋友問到，要如何修改 VS Code 內 Emmet 的預設範本。一開始想說是沒有辦法修改預設的，應該也沒有辦法覆蓋吧，所以稍微在網路上找了一下，果然沒有找到相關的資料，但其實在官方文件內有提到自訂範本的事情，那就來看看怎麼修改吧

Angular 使用 Windows Authentication，聽起來沒什麼，但是加上 CORS 就是不同的故事了

※ 這篇文章的後端是使用 ASP.NET Core MVC ，但要處理的問題是一樣的，觀念通用

微軟在去年年底發出一篇關於 .NET Core 3.0 會包含哪些新功能 (文章由此去)，而其中提到了 gRPC 專案將會成為 first-class support for .NET developers.

A common question from customers is how to have an RPC (as in .NET Remoting and Windows Communication Foundation) experience on .NET Core. We are contributing to the gRPC (grpc.io) project to ensure gRPC will have first-class support for .NET developers.

而在 2019 年 .NET Core 3.0 preview 及 Visual Studio 2019 的釋出 (註: 必須使用 Visual Studio 2019 開發)，就將 gRPC Service 的專案範本內建了，真的從零到一個可以運行的 gRPC service 只需要幾個步驟就完成了，與早期那個什麼都需要自己刻的時代，整個幸福太多了。

當需要呼叫 API 時，該如何處理? Angular 有 HttpClient 可以使用，那 AngularDart 呢? 好家在的是 Dart 有 http 的 library 可以使用，只要在 pubspec.yaml 裡面加上 http: ^0.11.0 的 package，再調整一下程式碼，就可以呼叫 API 了

上一篇 提到在 Angular Dart 版本的 Component 如果要使用到 ngIf 這一類的 directive 時，需要在該 component 將 coreDirectives 加到 component 的 metadata 內，而要使用內建 pipe 或是自訂 pipe 時，也需要比照辦理，但唯一的差異是必須分別加

Angular Dart 裡沒有 NgModule，在官方文件裡提到的 Module 是指每一個 Component 的檔案，這可以從 main.dart 看出來

1
2
3
4
5
6
7

import 'package:angular/angular.dart';
import 'package:helloNgDart/app_component.template.dart' as ng;

void main() {
  runApp(ng.AppComponentNgFactory);
}

Angular 除了常見的 TypeScript 版本，其實還又另外一個 Dart 語言的版本，雖然是不同的團隊維護，但是基本概念是一樣的，因為最近開始在碰 Flutter，當然也要來玩一下 Angular Dart 了。

Angular 的 ngClass 可以讓我們用 Object 的方式來動態設定 css class，其實我們還可以使用另外一種方式來控制 ngClass

我們知道 Angular 的系統是透過 Component 的方式堆疊起來的，而 Component 與 Component 的溝通方式有幾種，1. 透過 @Input 和 @Output ，2. 透過 service 的方式，或是 3. 直接將上層 Component 注入到目前的 Component 內使用。

但通常我是不建議使用第 3 種方式，可是，在某些情境下，還是得必須這樣子處理，而且還需要動態的取得上層的 Component，這篇文章就是分享如何取得上層 Component

RxJS 裡面有許多 Operators 或是建立 Observable 的方法，而這篇文章就是要介紹 using 這一個建立 Observable 的方法