Discussion :

[Nadinette]

Salut,

Je suis en train d'explorer l'exemple suivant : https://www.codeproject.com/Articles...-Angular-part1

Dans le projet, il y a un controlleur qui s'appelle PartialController :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
using Microsoft.AspNetCore.Mvc;
 
namespace MyPrettyCMSCore.Controllers
{
    public class PartialController : Controller
    {
        public IActionResult AboutComponent() => PartialView();
 
        public IActionResult AppComponent() => PartialView();
 
        public IActionResult ContactComponent() => PartialView();
 
        public IActionResult IndexComponent() => PartialView();
    }
}

J'ai bien compris que �a indique que les requ�tes type http://localhost:57738/about vont �tre consid�r�es comme une demande de vue partielle.

Pourriez-vous m'expliquer cette notation : public IActionResult IndexComponent() => PartialView();

J'aimerais cr�er un contr�leur sp�cifique appell� ViewComponant (explications ici : https://docs.microsoft.com/en-us/asp...iew-components)

Le souci, c'est que la classe ViewComponent n'est jamais invoqu�e.

J'ai mi des points d'arr�t un peu partout et je ne comprends pas la m�canique.

Quelqu'un pourrait m'expliquer ?

Merci

[Nadinette]

En fait je crois que le contr�leur partial est appel� par Angular 2 dans le app.routing.ts

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
import { Routes, RouterModule } from '@angular/router';
 
//import data from './scriptsg/commonData.js';
import { IndexComponent } from './index.component';
import { AboutComponent } from './about.component';
import { ContactComponent } from './contact.component';
 
const appRoutes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: IndexComponent, data: { title: 'Home' } },
    { path: 'about', component: AboutComponent, data: { title: 'About' } },
    { path: 'contact', component: ContactComponent, data: { title: 'Contact' } }
];
 
export const routing = RouterModule.forRoot(appRoutes);
 
export const routedComponents = [IndexComponent, AboutComponent, ContactComponent];

Pour chaque component �a utilise un ts sp�cifique :

Ici le ts de about

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
import { Component } from '@angular/core';

@Component({
    selector: 'my-about',
    templateUrl: '/partial/aboutComponent'
})

export class AboutComponent {
}

partial c'est le contr�leur.

et du coup :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
public IActionResult AboutComponent() => PartialView();

Voudrait dire, si j'ai bien compris : Lorsque AboutComponent est appell�, �a retrourne toujours une PartialView sans executer plus de code que ��.

J'ai bon ?

Merci

[Nadinette]

Bon en fait c'�tait bien �a...

En suivant l'exemple des Components, j'ai cr�� un contr�leur sp�cifique au view component que j'ai simplement apell� avec

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
<div>
    @await Component.InvokeAsync("MonComposant", new { page = "home"})
</div>

Et j'arrive bien � transmettre l'information "home" au MonComposantViewComponent comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
        public IViewComponentResult Invoke(string page)
        {
            MyViewData.Page = page;
            return View(MyViewData);
        }

C'est super puissant. Du coup au lieu d'avoir un contr�leur pour plusieurs vues, on peut avoir un contr�leur sp�cialis� pour chaque vue partielle �volu�e que sont les Component.