Get Value Of Object Pipe

Pipe hỗ trợ truy cập giá trị của object thông qua đường dẫn (path) chuỗi, hỗ trợ lồng nhau và cung cấp giá trị mặc định.

Cài đặt

npm install @libs-ui/pipes-get-value-of-object

Cách sử dụng

Import LibsUiPipesGetValueOfObjectPipe vào component của bạn:

import { LibsUiPipesGetValueOfObjectPipe } from '@libs-ui/pipes-get-value-of-object';

@Component({
  standalone: true,
  imports: [LibsUiPipesGetValueOfObjectPipe],
  // ...
})
export class MyComponent {
  user = {
    info: {
      name: 'John Doe',
    },
  };
}

Sử dụng trong template:

<!-- Kết quả: John Doe -->
<p>{{ user | LibsUiPipesGetValueOfObjectPipe:'info.name' }}</p>

<!-- Kết quả: 18 (giá trị mặc định nếu không tìm thấy) -->
<p>{{ user | LibsUiPipesGetValueOfObjectPipe:'info.age':18 }}</p>

API

| Tham số | Kiểu dữ liệu | Mặc định | Mô tả | | ----------------------- | ------------ | ----------- | ------------------------------------------------------------ | | path | string | undefined | Đường dẫn đến thuộc tính (ví dụ: a.b.c hoặc items.0.id). | | defaultValue | any | undefined | Giá trị trả về nếu không tìm thấy thuộc tính. | | keepLastValueIfSignal | boolean | false | Giữ giá trị cũ khi input signal đang cập nhật. |