Question

我正在使用Angular2制作HTML编辑器。

我已将我在HTML页面上使用的所有图像放在assets文件夹中，如下所示，以便路径正确并且在编辑器中可见：

<img src="./assets/sources/template/pic1.jpg" alt="Smiley face" height="42" width="42">

我的HTML如下所示：

<button (click)="changepaths()">Change Paths and Export HTML</button>
    <Div class="main-wrapper">

    <Div>
    <img src="./assets/sources/template/pic1.jpg" alt="Smiley face" height="42" width="42">
    <img src="./assets/sources/template/pic2.jpg" alt="Smiley face" height="42" width="42">
    <img src="./assets/sources/template/pic3.jpg" alt="Smiley face" height="42" width="42">
    </Div>

    <Div>
    <img src="./assets/sources/template/pic4.jpg" alt="Smiley face" height="42" width="42">
    <img src="./assets/sources/template/pic5.jpg" alt="Smiley face" height="42" width="42">
    <img src="./assets/sources/template/pic6.jpg" alt="Smiley face" height="42" width="42">
    </Div>

    <Div>

我的Explore.ts

changepaths(){
// What should i write here to change all the paths 
}

我希望我的功能改变： <img src="./assets/sources/template/pic1.jpg" alt="Smiley face" height="42" width="42">

要： <img src="sources/template/pic1.jpg" alt="Smiley face" height="42" width="42">

我希望我的功能找到所有网址都有./assets/sources/template/并将其更改为sources / template /

这是必需的，因为我将获取此代码以在我的服务器上创建一个物理HTML页面，并且不需要此./assets/

Answer 1

您可以将图像存储在数据库中，然后您需要编写角度服务，它将从db下载它们（可能使用某种休息服务？）。稍后您可以将链接分配给控制器中的数组，并在模板中使用ng-repeat进行迭代。最后，您只需更改控制器中的链接，angular就会自动更新您的视图。

Angular2中需要查找和替换功能

1 个答案: