bilpor's questions

我尝试按照互联网上的许多示例进行操作，但显然遗漏了一些东西。我安装了 4.4.5 版的 vue-router 包。

这是我的项目结构：

在我的 index.ts 文件中我有：

import { createRouter, createWebHistory } from 'vue-router';
import HomeView from '../views/HomeView.vue';
import AboutView from '../views/AboutView.vue';

const routes = [
  { path: '/', name: 'home', component: HomeView },
  { path: '/about', name: 'about', component: AboutView }
];

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes
});

export default router;

我的 MenuComponent 有：

<template>
  <nav>
    <router-link to="/">Home</router-link>
    <router-link to="/about"> About</router-link>
  </nav>
 
</template>

<script lang="ts">
  
  export default {
    name: 'MenuComponent'
  };
</script>

<style>
  .router-link-active {
    font-weight: bold;
  }
</style>

在 App.vue 中我有：

<script setup lang="ts">
  import { RouterLink, RouterView } from 'vue-router';

  import MenuComponent from './components/MenuComponent.vue';
  
</script>

<template>
  <header>
    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
    <MenuComponent />
    
  </header>

 <router-view />
</template>

我的 main.ts 文件是：

import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

现在，当我运行应用程序时，页面会加载，但当我单击其中一个链接时，我不会重定向到该页面。在开发人员工具中，它显示以下错误，我看不出我做错了什么：

我正在使用 System.Text.Json。

我有以下模型：

public  class Contacts
{
    [JsonPropertyName("id")]
    public long Id { get; set; }
    [JsonPropertyName("name")]
    public string Name { get; set; } = string.Empty;
    [JsonPropertyName("paused")]
    public bool Paused { get; set; }
    [JsonPropertyName("type")]
    public string Type { get; set; } = string.Empty;
    [JsonPropertyName("owner")]
    public bool Owner {  get; set; }
    [JsonPropertyName("notification_targets")]
    public NotificationTargets? NotificationTargets { get; set; }
    [JsonPropertyName("teams")]
    public List<Teams>? Teams { get; set; }
}
public class NotificationTargets
{
    [JsonPropertyName("email")]
    public List<Email>? Email {  get; set; }
}
public class Email
{
    [JsonPropertyName("severity")]
    public string Severity { get; set; } = string.Empty;
    [JsonPropertyName("address")]
    public string Address { get; set; } = string.Empty;
}
public class Teams
{
    [JsonPropertyName("id")]
    public long Id { get; set; }
    [JsonPropertyName ("name")]
    public string Name { get; set; } = string.Empty;
}

我的 Json 是：

{
    "contacts": [
        {
            "id": 14960844,
            "name": "firstname test",
            "paused": false,
            "type": "user",
            "owner": true,
            "notification_targets": {
                "email": [
                    {
                        "severity": "HIGH",
                        "address": "[email protected]"
                    }
                ]
            },
            "teams": [
                {
                    "id": 804736,
                    "name": "Team 1"
                }
            ]
        }
    ]
}

以上内容存储在字符串变量中。

我只需调用：

var myContacts = JsonSerializer.Deserialize<List<Contacts>>(myJsonString);

并且我不断收到以下错误：

System.Text.Json.JsonException：'无法将 JSON 值转换为 System.Collections.Generic.List`1[VTMShared.Models.Contacts]。路径：$ | LineNumber：0 | BytePositionInLine：1。'

我实在看不出这有什么问题。

如果我在项目创建时使用默认的 blazor 模板将交互模式设置为服务器，那么当我按下 F5 时一切正常。

我不喜欢以下文件夹布局：

组件/页面

我想将 Pages 文件夹移动到与组件相同的级别，这样我就可以使用 Components 文件夹来存放我自己的组件，从而使结构更有意义。

当我将“Pages”文件夹和所有页面突然向上移动一级时：

@page "/counter"
@rendermode InteractiveServer

VS 中的红线InteractiveServer。我搜索了好久，但还是搞不清楚为什么会这样。非常感谢大家的帮助。

我想做的就是在选择标签时切换“toggle-content”类。目前，以下 CSS 没有任何反应。我无法使用 JQuery 或任何 JavaScript。我看不到我做错了什么。任何想法都非常感激。

/* The checkbox */
.hidden-checkbox {
   display: block;
}

/* The element to show/hide */
 .toggle-content {
    display: none;
    z-index: 2;
    position: absolute;
    background-color: dimgrey;
    color: white;
    border: black;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 3px;
}

/* The label that controls the element */
.label-toggle {
    cursor: pointer;
}

/* Show the element when the checkbox is checked */
.hidden-checkbox:checked + .toggle-content {
    display: block;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    max-height: 100px;
    padding-right: 10px
}

li {
    padding-top: calc(var(--bs-gutter-y)* -1);
    padding-right: calc(var(--bs-gutter-x)* -.5);
    padding-left: calc(var(--bs-gutter-x)* -.5);
    font-size: small;
}
li:hover {
    background-color: darkgrey;
}

<div>
    <label for="toggleVendors" class="label-toggle form-control">
        click here
    </label>
    <div type="checkbox" id="toggleVendors" class="hidden-checkbox" />
        <div class="toggle-content">
            <ul>
                <li><input type="checkbox" id="1" />one</li>
                <li><input type="checkbox" id="2" />two</li>
                <li><input type="checkbox" id="3" />three</li>
            </ul>
        </div>
    </div>

我正在使用 Angular 17 和 ngrx。

我有以下工作正常的选择器：

export const getPhotoState = createFeatureSelector<ProductResponse>('selectedPhotos');

export const selectPhotos = createSelector(getPhotoState, (state: ProductResponse) => { return state.results });

export const PhotoCount = createSelector(getPhotoState, (state: ProductResponse) => { return state.item_Count });

我不想编写另一个效果/减速器来发送到服务器，因为我只想获取已返回的数据的子集。

我写了以下内容：

export const XboxPhotos = createSelector(selectPhotos, (reducedPhotos) => {
  return xboxPhotos('xbox', reducedPhotos)
})

function xboxPhotos(key: string, array: any) {
  return array.reduce((all: Product[], current: Product) => {
    if (current.platform == key) {
      all.push(current);
    }
  }, []) as Product[]
}

我收到以下错误：

无法读取未定义的属性（读取“push”）

reducePhotos 是产品[]

在我们的应用程序中，我们有一个 Dataservice 项目，它通过 EF 与数据库执行所有“握手”。我们经常使用 Scaffold-Dbcontext 来更新数据服务中的模型。我现在尝试引入 Hangfire，但因为这会生成一堆表，所以我对其进行了设置，以便 Hangfire 位于它自己的数据库中。

我有一个 AuditLog 表位于主项目中，需要通过hangfire 进行更新。

因此，在 Hangfire 项目中，我引用了我的数据服务，以便我可以引用 AuditLog 对象以便能够对其进行写入。但现在我需要从 Dataservice 引用 Hangfire 项目来运行其方法，因此现在出现了循环依赖错误：

所以在我的hangfire项目中我有：

public  class HangFireService : DbContext, IHangFireService
{
    private DbContext _context;
    private readonly IBackgroundJobClient _jobClient;

    public HangFireService(DbContext context)
    {
        _context = context;
        _jobClient = new BackgroundJobClient();
    }

    public void JobLogUpdate<T>(T origin, T newValues, string user) where T : class
    {
        _jobClient.Enqueue(() => LogUpdates(origin,newValues,user));
    }
......
 private void LogUpdates<T>(T origin, T newValues, string user) where T : class
 {
     AuditLog audit = new AuditLog() { Id = Guid.NewGuid(), ChangedBy = user, ChangedDate = DateTime.Now };
     Type myType = typeof(T);
     
     //first make sure same type
     if (origin.GetType() != newValues.GetType())
     {
         throw new InvalidOperationException("Objects of different Type");
     }
     audit.Original = JsonSerializer.Serialize(origin);
     audit.NewValue = JsonSerializer.Serialize(newValues);
     audit.ObjectName = myType.Name;

     _context.Add(audit);
     _context.SaveChanges();
 }

然后在我的数据服务中我有：

var hangfire = new HangFireService(_context);
// where bookingOrig and BookingNew are both booking class
 hangfire.JobLogUpdate(bookingOrig, bookingNew, booking.CreatedBy);

如何传入 AuditLog 类，以便在 Hangfire 项目中删除对 DataService 的引用？

我有以下具体代码：

 var allBookedPos = await _dataService.GetAllBookingsForVendorInAwitingApproval(purchaseOrder.VendorCode);

 foreach (var booking in allBookedPos)
 {
     // get the purchase order
     var po = await _purchaseOrderDataService.GetPurchaseOrderOnlyByIdAsync(booking.PurchaseOrderId);
 }

我已经设置了我的第一个模拟来填充allBookedPos：

BookingDataAccessMock.Setup(x => x.GetAllBookingsForVendorInAwitingApproval("A1248").Result).Returns(viewBookings);

这保持了 2 项记录。

我现在尝试模拟该GetPurchaseOrderOnlyByIdAsync方法，其中传入的值是 GUID。

因为我本质上希望这个方法被调用两次，所以我认为我可以以setupSequence以下形式使用：

PurchaseOrderDataMock.SetupSequence(X => X.GetPurchaseOrderByIdAsync(It.IsAny<Guid>)).Returns().Returns()

我用我期望为每个项目返回的值填充每个返回值。但是，我收到错误It.IsAny<Guid>：

参数 1 无法从方法组转换为 system.Guid

我已经在我的页面中放置了：

<NavigationLock ConfirmExternalNavigation="@changed" OnBeforeInternalNavigation="BeforeInternalNavigation" />

在我的代码中我设置：

private bool changed = false;

为 true 时，我希望询问用户是否离开页面。

当用户尝试导航到外部位置时，这一切都可以正常工作。但是，它不适用于内部导航。

对于内部导航事件我有：

[Inject]
public IJSRuntime JS { get; set; }

private async Task BeforeInternalNavigation(LocationChangingContext context)
{
    if (changed)
    {
        var proceed = await JS.InvokeAsync<bool>("Confirm", "Are you sure you want to continue?");

        if (!proceed)
            context.PreventNavigation();
    }
}

该方法按预期命中，但 JS.InvokeAsync 不会调用默认对话框，有人可以告诉我哪里出了问题吗？我知道我可以重定向到自定义对话框，但我想使其与默认的外部对话框保持一致。

我有一个父页面，其中有：

<CascadingValue Value="SelectedAddress">
    <CollectionAddress VendorNumber="@VendorNumber"></CollectionAddress>
</CascadingValue>

其背后的代码有：

 public AddressDTO SelectedAddress { get; set; } = new AddressDTO();

我的子组件有

 [CascadingParameter]
 protected AddressDTO? SelectedAddress { get; set; }

在子组件中我设置了 SelectedAddress，但是当我切换回父组件时 SelectedAddress 为空。我是否使用错误，这是我第一次尝试使用级联参数。