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.