Olá.
É preciso carregar os dados dinamicamente na mesma página ou a partir de outra. Não requer uso de iframe. Mas será carregado o html da página, ou até mesmo de uma div ou outra tag especifica usando um jQuery bem simples (requer conhecimento básico). Mas isso também é possível usando angular (requer conhecimento intermediário).
Em jQuery eu uso este código para isso:
$('#MytargetDiv').load('https://www.example.org/anyPage.html #MytargetContent', function() {
// escreva suas funções ou ações aqui
// você pode alterar, ocultar ou exibir o conteúdo recebido como no exemplo abaixo
$('p.summary').hide(); // ou
$('div img.thumb').remove(); // se o carregamento for bem sucedido estas funções ou ações serão executadas. isso permite infinitas possibilidades.
});
Se você precisa ou quer usar o conteúdo completo pode utilizar desta forma.
$('.Class4TargetDiv').load('https://www.example.org #TargetDivWithContent');
ou
$('#MyTargetDiv').load('https://www.example.org .TargetDivWithContent');
Lembrando que para identificar o elemento que deseja carregar pode identifica-lo por Id (#elementid) ou por uma classe CSS (.anyclass).
Obs.: Você deve aplicar ou chamar este código no evento do link ou do botão que usará para acionar a alteração de conteúdo.
Espero que seja útil.