微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在组件文档中添加TagHelper

如何解决在组件文档中添加TagHelper

所以我对 Blazor 和 .Net Core 相当陌生,我试图在我的 MainLayout.razor 中包含一个自定义 TagHelper,如下所示:

import SwiftUI

struct NavigateFromSheet: View {
    var lessons = [Lesson(id:"1"),Lesson(id:"2"),Lesson(id:"3"),Lesson(id:"4"),Lesson(id:"5"),Lesson(id:"6"),Lesson(id:"7"),Lesson(id:"8"),Lesson(id:"9")]

    var body: some View {
        NavigationView(){
            Form {
                List(lessons){ lesson in
                    LessonButton(lesson: lesson)
                }
            }
        }
    }
}

struct LessonButton:View{
    @State var showSheet = false
    var lesson:Lesson

    var body: some View {
        Button(action:{self.showSheet = true}){
            Text(lesson.name)
        }.sheet(isPresented: $showSheet){
            NavigationView {
                vstack {
                    Text("My First Sheet")
                    NavigationLink(destination: Text("reached")){
                        Text("My Second Sheet")
                    }
                }
            }
            
        }
    }
}


struct Lesson: Identifiable{
    var id:String
    var name: String{
        "Lesson \(self.id)"
    }
}

struct NavigateFromSheet_Previews: PreviewProvider {
    static var previews: some View {
        NavigateFromSheet()
    }
}

在 _Host 文件中它按预期工作,但在我得到的任何其他文件中:

指令@addTagHelper、@removeTagHelper 和@tagHelperPrefix 在组件文档中无效。改用“@using”指令。

我不确定我缺少什么以便能够在其他文件中使用标记然后是 _Host.cshtml。

链接到我实施的内容 https://github.com/zHaytam/SmartBreadcrumbs

解决方法

您不能在 Blazor 应用中使用 Html 标签助手。没有这种东西。

注意:_Host.cshtml 文件是 Razor 页面页面,而不是 Razor 组件页面。 Html 标签助手可以在 Razor Pages App 的页面中使用。因此,您可以在 _Host.cshtml 文件中使用 Html 标记助手。 _Host.cshtml 文件中使用了组件标记助手来实例化 Blazor SPA。

<component type="typeof(App)" render-mode="ServerPrerendered" />

注意:SmartBreadcrumbs 是为 MVC 和 Razor Pages 应用程序编写的,而不是 Blazor。搜索使用 Blazor 实现的 SmartBreadcrumbs。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。