CK's Notepad

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 的方法

今天在 medium 上面看到一篇有趣的文章，他的主題是 How to detect a sequence of keystrokes in JavaScript，那讓我用 RxJS 來挑戰一下，順便回味一下以前打電動需要輸入一系列的指令才可以開啟密技的樂趣