Top Notes

Tentang Saya

Foto saya:

Catatan tentang pemrograman dan keislaman yang disarikan dari berbagai sumber tepercaya.

Beberapa link

Berikut beberapa link penting

Angular

Dasar-dasar Angular buat Pemula

Konsep Dasar Angular

Interpolation

Property Binding

Class Binding

Style Binding

Event Binding
Template Reference Variables
Two-way Binding

ngIf Directive

ngSwitch Directive

ngFor Directive

Interaksi Komponen

Tentang Pipes

Seputar angular. Jika Anda melakukan :

ng serve

pada project Anda dan terdapat pesan kesalahan:

$ ng serve
                            | Generating browser application bundles (phase: building)...node:internal/crypto/hash:69
                              this[kHandle] = new _Hash(algorithm, xofLen);
                                              ^
                            
                            Error: error:0308010C:digital envelope routines::unsupported
                                at new Hash (node:internal/crypto/hash:69:19)
                                at Object.createHash (node:crypto:138:10)
                                at BulkUpdateDecorator.hashFactory (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\util\create
                            Hash.js:145:18)
                                at BulkUpdateDecorator.update (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\util\createHash.
                            js:46:50)
                                at OriginalSource.updateHash (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\node_modules\webpack-
                            sources\lib\OriginalSource.js:130:8)
                                at NormalModule._initBuildHash (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\NormalModule.js
                            :880:17)
                                at handleParseResult (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\NormalModule.js:946:10)
                                at C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\NormalModule.js:1040:4
                                at processResult (C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\NormalModule.js:755:11)
                                at C:\Users\agung\cs50\udemy\angular\originHaditsku\haditsku\node_modules\webpack\lib\NormalModule.js:819:5 {
                              opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
                              library: 'digital envelope routines',
                              reason: 'unsupported',
                              code: 'ERR_OSSL_EVP_UNSUPPORTED'
                            }
                            
                            Node.js v20.5.1

Maka, lakukan ini pada terminal:

$ export NODE_OPTIONS=--openssl-legacy-provider

Lalu jalankan kembali

ng serve

pada terminal. Biasanya, kesalahan akan hilang. Dan aplikasi berjalan normal.
Jika ada error conflict ketika install ng-bootstrap, pakai ini:

npm install --save --legacy-peer-deps @ng-bootstrap/ng-bootstrap

Biasanya akan sukses.