ASP.net Core public IActionResult IndexComponent() => PartialView(); ?

Version imprimable

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:

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

J'ai un peu plus compris

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

Code:

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:

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:

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

08/05/2017, 17h44
Nadinette

ai ai ai j'ai compris :)
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:

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:

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.