如何通過Angular 4中的字符串解析對象

我需要通過字符串鍵來解析對象，就像AngualarJS $解析服務一樣。我有一個對象如何通過Angular 4中的字符串解析對象

message = { 
    text: 'msome text', 
    userFrom: { 
    name: 'Alex' 
    } 
}

而且我有一個字符串「userFrom.name」

如何我可以通過使用一些角4服務「userFrom.name」字符串獲得message.userFrom.name價值？

在AngularJS這是可以做到這樣的：

$parse("userFrom.name")(message) === 'Alex';

來源

2017-11-11 salik

你可以添加一些更多的情況下你的問題。你想達到什麼目的？ – Flaugzig

我不認爲在新的Angular中有這樣的服務，但你可以使用任何標準的JS庫來做到這一點。

像object-path上NPM

安裝與npm install --save object-path

的lib與npm install --save-dev @types/object-path

然後在你的代碼安裝打字稿分型

import * as objectPath from 'object-path' 

const message = { 
    text: 'msome text', 
    userFrom: { 
    name: 'Alex' 
    } 
} 

objectPath.get(message, "userFrom.name") === 'Alex'

來源

2017-11-11 12:11:35

好的。這將工作。我可以自己創建相同的功能，但我想知道Angular 4是如何做到的。 – salik

我不認爲Angular在其公共API中提供了這種服務。 HTML模板使用JIT或AOT編譯進行編譯。瀏覽Angular源代碼時，您可以在https://github.com/angular/angular/tree/master/packages/compiler/src/template_parser中找到有關模板解析的類 –

聲明與屬性的界面，如下圖所示對象，

export interface IMessage{ 
    text:string; 
    userFrom:{ 
    name:string; 
    } 
}

然後你就可以解析對象

(<IMessage>this.message).userFrom.name; // gives Alex

LIVE DEMO

來源

2017-11-11 11:58:09 Aravind

敢於評論downvoters – Aravind

@salik希望使用字符串值來定位對象屬性。「userFrom.name」這個路徑可以存儲在某個變量中，然後用在對象 –

@NoémiSalaün中。我正在從AngularJS遷移，所以它現在是如何工作的... – salik

如何通過Angular 4中的字符串解析對象

回答

相關問題