2014-09-02 76 views
1

我有一個段落從angularjs得到獲得通過修改元素從AngularJs

<p>{literal}<p ng-bind-html="toTrust(article._data.abstract)"></p>{/literal}</p> 

結果會是什麼樣

Introduction aaaaaaaaaa, Methods bbbbbb 

一個例子,我想修改它,使引言一行,並在其他行的方法如

Introduction aaaaaa 
Methods bbbbbb 

我試着在它下面添加一個腳本來做到這一點,但AngularJs似乎不正確加載它。

實際上,我對角度很陌生,我試過的想法是使用jQuery來找到這個段落並傳入正則表達式函數來重寫整個段落 ,但由於段落直接從角度ng-bind輸入-html。所以我不知道如何將它傳遞到正則表達式函數

我不知道最新的其他方法是什麼嗎?

+0

您的段落是嵌套的,這不是有效的HTML。 – MBielski 2014-09-02 19:04:59

回答

0

您可以創建一個過濾器來用新行替換逗號。

喜歡的東西:

App.filter('myFilter', function() { 
    return function(text) { 
     return text.replace(',', '<br/>'); 
    } 
}) 

應該能夠實現這樣的:

<p>{literal}<p ng-bind-html="toTrust(article._data.abstract) | myFilter"></p>{/literal}</p> 

還沒雖然測試吧!

+0

感謝您的想法,我會去試一試〜 – slepber 2014-09-02 19:02:39

+0

@slepber,只要「簡介」或其他什麼都不包含逗號, – smerny 2014-09-02 19:13:01

+0

這個例子比這個更復雜,在介紹和方法之間還有很多文字包含「,」。但我認爲我已經有了寫過濾器功能的想法。我將使用正則表達式來解析。並感謝你的幫助〜@smerny – slepber 2014-09-02 20:20:12