小编Ran*_*dan的帖子

仅在单击时显示/隐藏子菜单

我在菜单栏中使用PrimeNG 7.1.3。当前,它们具有autoDisplay: true(for mouse enter) or false(for mouse click)子菜单在鼠标输入或单击时显示的属性。但是,在使用点击时,并不会保持这种状态。

因此,最初,该子菜单不会在鼠标悬停时显示,但是当我单击时,该子菜单会显示,但是当我将鼠标悬停在另一个菜单项上时,该子菜单会隐藏(这是我不想要的)。我希望子菜单保持显示状态,即使我将鼠标悬停在另一个菜单项上也是如此。我怎样才能做到这一点?

代码(来自教程):

app.component.html

<p-menubar [model]="items" [autoDisplay]="false">
</p-menubar>
Run Code Online (Sandbox Code Playgroud)

app.component.ts

export class AppComponent implements OnInit {
  title = 'MockMenuBar2';
  items: MenuItem[];

  ngOnInit() {
    this.items = [
      ...
    ];
  }
}
Run Code Online (Sandbox Code Playgroud)

输出:

在此处输入图片说明

任何线索都将有所帮助。我只是不想在将鼠标悬停在其他菜单项上时隐藏子菜单。

primeng angular

9
推荐指数
0
解决办法
420
查看次数

无法读取未定义的'xxx'的属性

我正在使用Ionic 2,其中一个组件有两个组件,数据是使用发射器共享的.但是当我执行程序时,就出现了这个错误.

运行时错误未捕获(在promise中):TypeError:无法读取未定义的TypeError错误属性'BillNo':无法读取Object.eval中未定义的属性'BillNo'[as updateDirectives]

这是我的代码:

比尔 - settlement.html

...
<page-bill-list (BillSelected)="onBillSelected($event)"></page-bill-list>
...
<page-bill-details [billItem]="billItem"></page-bill-details>
...
Run Code Online (Sandbox Code Playgroud)

比尔 - settlement.ts

@Component({
  selector: 'page-bill-settlement',
  templateUrl: 'bill-settlement.html',
})
export class BillSettlement {
  ...
  billItem: BillDetail
  ...
  onBillSelected(billData: BillDetail) {
    this.billItem = billData
  }
}
Run Code Online (Sandbox Code Playgroud)

比尔 - list.html

<ion-buttons>
  <button ion-button *ngFor="let item of billItems" (click)="getBillDetails(item)">
      {{item.BillNo}}
  </button>
</ion-buttons>
Run Code Online (Sandbox Code Playgroud)

比尔 - list.ts

@Component({
  selector: 'page-bill-list',
  templateUrl: 'bill-list.html',
})
export class BillList {
  billItems: BillDetail[] = []
  billItem = new BillDetail()
  @Output() BillSelected = new EventEmitter<BillDetail>() …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 ionic3 angular

8
推荐指数
1
解决办法
2万
查看次数

在ajax post问题中传递数据

场景:

需要将包含子对象列表的对象传递给控制器​​.

问题 :

我能够获取对象的值,但不能获取对象内的子对象列表的值.

代码:

index.cshtml

function sendData() {
    var student = {
        Id: 1,
        Name: "xxx",
        Marks: [{
            Subject: "Maths",
            Mark:80
        },
        {
            Subject: "Science",
            Mark: 75
        }]
    }
    $.ajax({
        url: '@Url.Action("Receive", "Home")',
        data: student,
        success: function (data) {
            alert("done");
        },
        error: function (error) {
            alert('error For details refer console log');
            console.log(error);
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

HomeController.cs

public ActionResult Receive(Student student)
    {
        ViewBag.Message = "Your contact page.";
        return View();
    }
Run Code Online (Sandbox Code Playgroud)

Student.cs

public class Student
{
    public int Id { …
Run Code Online (Sandbox Code Playgroud)

javascript c# ajax asp.net-mvc

7
推荐指数
1
解决办法
1195
查看次数

在单个角度应用程序中路由多个项目

我有一个主应用程序和一个子应用程序。单击主应用程序中的锚链接时,我需要显示子应用程序。但这不起作用。

项目结构:

one-app
-project
--scrapper
---e2e
---src
-src
Run Code Online (Sandbox Code Playgroud)

在子应用程序的路由模块中,我添加了如下路由

const routes: Routes = [
  { path: '', component: HomeComponent}
];
Run Code Online (Sandbox Code Playgroud)

和子应用程序的应用程序组件

<router-outlet></router-outlet>
Run Code Online (Sandbox Code Playgroud)

在子应用的应用模块中,我将下面的代码附加到现有代码中

@NgModule({})
export class ScrapperSharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: AppModule,
      providers: []
    };
  }
}
Run Code Online (Sandbox Code Playgroud)

到目前为止,一切都很好。我猜!!

现在,在父应用程序的路由中,我添加了以下代码

{ path: 'scrapper',
    loadChildren: '../../projects/scrapper/src/app/app.module#ScrapperSharedModule'
}
Run Code Online (Sandbox Code Playgroud)

在父应用的应用模块中,我将以下代码导入了ngmodule部分

imports: [
...
ScrapperSharedModule.forRoot(),
]
Run Code Online (Sandbox Code Playgroud)

现在,在我父应用程序的一个组件中,我有一个锚标记

<a routerLink="/scrapper">
Run Code Online (Sandbox Code Playgroud)

当我单击此链接时,没有任何反应。我的意思是网址正在更改,但浏览器显示的是父应用程序而不是子应用程序。我在这里做错了什么?

routing angular-ui-router angular2-routing angular

6
推荐指数
1
解决办法
145
查看次数

CloudWatch 指标的移动平均值和趋势

aws cloudwatch的指标中是否可以有移动平均线或趋势线?

例如,其想法是显示一段时间内服务器的 CPU 利用率,而不仅仅是最后 x 分钟的平均值,这样我们就可以看到很长一段时间内的趋势是上升还是下降。

amazon-web-services amazon-cloudwatch

6
推荐指数
1
解决办法
3869
查看次数

如何验证Materialisecss单选按钮?

我试图实现验证以在单选按钮上显示错误消息,但我无法成功.

我正在使用Materializecss框架.

验证/显示错误消息适用于文本框元素而不是单选按钮.

码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css">

  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
  
  <form>
  <div class="row">
    <div class="input-field col s6">
      <input class="validate" type="radio" name="mode" value="M" id="m" required="required" data-error="Error msg here">
      <label for="m">M</label>
    </div>
    <div class="input-field col s6">
      <input class="validate" type="radio" name="mode" value="F" id="f" required="required" data-error="Error msg here">
      <label for="f">F</label>
    </div>
    <div class="col s12" style="margin-top:20px">
    <button type="submit" class="waves-effect waves-green btn">
    Submit
    </button>
    </div>
  </div>
</form>
Run Code Online (Sandbox Code Playgroud)

为什么不显示错误消息.任何帮助,将不胜感激.谢谢.

html javascript jquery materialize

5
推荐指数
1
解决办法
3695
查看次数

Angular材质7中的多个日期选择

场景:需要在日期选择器中以角形材料选择多个日期。

目前,DatePicker示例的官方文档中没有这种情况。

问题:如何在物料设计中实施多日期选择?

我虽然修改了角材料的现有实现,但不知道从哪里开始。

任何线索都将非常有帮助。

angular-material angular

5
推荐指数
1
解决办法
3249
查看次数

在基础设施层中使用依赖注入

我在ASP.net Core中创建了一个示例项目使用了四个层,如下所示

在此输入图像描述

我还在我的API项目中的startup.cs中实现了依赖注入.它的工作完美.

services.AddTransient<IUserRepository, UserRepository>();
Run Code Online (Sandbox Code Playgroud)

我有两个问题要问.

  1. 是否可以在我的Infrastructure层中进行依赖注入,而不是在API层中?如果是的话,你能指导我怎么做吗?

  2. 如果我错了,请纠正我,如果Asp.Net Core默认具有依赖注入,那么我们不需要Autofac(或类似的第三方DI插件).对?让我重新解释一下这个问题.在Asp Core中使用Autofac有什么用?

任何意见将是有益的.

谢谢.

c# dependency-injection autofac asp.net-core-mvc asp.net-core

4
推荐指数
1
解决办法
883
查看次数

Select2 占位符问题

我有一个 Select2 多选 html 元素。渲染时不显示占位符,但如果我选择并删除该项目,则会显示占位符。我不知道如何让它发挥作用。请指教。

最初

在此输入图像描述

选择时

在此输入图像描述

移除物品后

在此输入图像描述

在此输入图像描述

代码:

@Html.DropDownListFor(m => m.Vendor, new SelectList(Model.Status), "Search Status", new { @id = "advanced-search-lsc-status", @class = "form-control", @multiple = "multiple", data_placeholder = "Select Status" })


$('#advanced-search-status').select2({
            minimumResultsForSearch: -1,
            placeholder: function(){
                $(this).data('placeholder');
            },
            width: '100%'
        });
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-select2 asp.net-mvc-5

3
推荐指数
2
解决办法
5340
查看次数

在服务中使用ng2-toastr

场景:我需要用来ng2-toaster在所有组件中显示消息.而不是在每个组件中写相同的烤面包机.我需要在全局服务中编写一个组件,并且所有组件都使用它.但我无法使其发挥作用.任何意见将是有益的.谢谢.

这是我的代码:

global.service.ts

import { ToastsManager } from 'ng2-toastr/ng2-toastr';
'''
constructor(public toastr: ToastsManager) { }
...
showSuccess() {
  this.toastr.success('Called from Global service', 'Success!', {toastLife: 3000});
}
Run Code Online (Sandbox Code Playgroud)

some.component.ts

import { GlobalService } from './services';
...
ngInit(){
   this.globalService.showSuccess()
}
Run Code Online (Sandbox Code Playgroud)

错误:

这是我得到的错误.

Error: Application root component cannot be found. Try accessing application reference in the later life cycle of angular app.
Run Code Online (Sandbox Code Playgroud)

typescript angular

2
推荐指数
1
解决办法
2745
查看次数