Estou trabalhando em uma aplicação utilizando `Angular4` e `PHP`, para que a URL do Angular funcione, eu preciso utilizar uma determinada configuração em .htaccess para direcionar para o index.html, assim:

    <IfModule mod_rewrite.c>
        RewriteEngine On

        RewriteBase /
        RewriteRule ^index.html$ - [L]
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /index.html [L]
    </IfModule>

Até aqui, tudo funciona como deveria. Consigo acessar e dar refresh em qualquer página sem problema algum. Porém, também desejo utilizar o sistema de rotas em PHP, sendo assim, preciso de outro tipo de configuração para direcionar as chamadas para o index.php, que está em outra pasta. O diretório do projeto está mais ou menos assim:

    raiz
    │ index.html
    │ vendor.bundle.js    
    | [outros arquivos .js]  
    │
    └─api
    │  │ index.php
    │  │ init.php
    │  │
    │  └─vendor
    └─assets
    └─[outros arquivos]

E esta é a configuração para fazer o sistema de rotas PHP funcionar:

    <IfModule mod_rewrite.c>
        RewriteEngine on

        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteRule . api/index.php [L]
    </IfModule>

<hr />

O problema é que eu não consigo fazer os dois funcionarem ao mesmo. Ou a rota em Angular funciona ou a rota em PHP funciona, mas não os dois juntos.

As rotas em PHP precisam ser direcionadas para o arquivo `/api/index.php` somente quando eu chamar alguma url que contenha a string `/api/'alguma-coisa'`, ou seja, sempre terá o prefixo `/api/`.

Como possível corrigir este problema e utilizar os dois sistemas de rotas?

...ou, se houver uma outra solução, posso usar tranquilamente, desde que atinja o objetivo final.