小编Pax*_*rce的帖子

如何通过 Flex-Layout 设置 Angular Material Footer

如何在我的应用程序中设置页脚(我使用 Angular Material),以便它:

  1. 如果内容高度小于视口,则粘在底部
  2. 如果内容高度超过视口,则向下移动/被向下推

更重要的一件事 - 我想通过angular/flex-layout来实现这一点,而不是通过标准的 HTML/CSS 'flex-box'。

<mat-sidenav-container>
  <mat-sidenav #sidenav
    fixedInViewport="true"
    [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
    [mode]="(isHandset$ | async) ? 'over' : 'side'"
    [opened]="!(isHandset$ | async)">

    <mat-nav-list>
      <mat-list-item *ngFor="let li of listItems" routerLink="{{li.link}}">
        <mat-icon mat-list-icon>{{li.icon}}</mat-icon>
        <p mat-line>{{li.name}}</p>
      </mat-list-item>
    </mat-nav-list>
  </mat-sidenav>
  <mat-sidenav-content>

    <app-header (menuButtonClick)="sidenav.toggle()"></app-header>

    <ng-content select="[outlet]"></ng-content>

    <app-footer></app-footer>

  </mat-sidenav-content>
</mat-sidenav-container>   
Run Code Online (Sandbox Code Playgroud)

谢谢你们。

html css angular-material angular-flex-layout angular

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

Bower ASP.NET Core MVC缺少jquery.validate.js文件

更新:Visual Studio - 文件 - 新建 - 项目 - ASP.NET核心Web应用程序(.NET核心) - Web应用程序


我保留了默认名称WebApplication1

  • 展开wwwroot文件夹
  • 扩展到wwwroot/lib/jquery-validation

  • 在jquery-validation文件夹中我们可以看到这个(参见下面的img)
    更新之前的jquery-validation文件夹



- 右键单击src文件夹中的WebApplication1项目- 单击Manage Bower Packages - Bower Package Manager屏幕,要求更新jqueryjquery-validation(参见下面的img)
BowerPackageManager在更新之前

  • 点击更新jquery**一切看起来都正常(见下面的img)
    jquery更新后的BowerPackageManager

  • 点击更新jquery-validation dist文件夹已经消失(参见下面的img)
    在此输入图像描述

jquery-validation更新后


下面的文字是在我更新此Q之前

我在VS2015CE中创建了一个空的ASP.NET Core MVC Web应用程序.我添加了bower.json文件,它管理应用程序的客户端内容.通过Bower我下载了jquery,jquery-validate,jquery-validate-unobtrusive.

Bower 在wwwroot文件夹中创建了一个lib文件夹.〜/ lib/jquery-validate /中的某处我应该能够找到jquery.validate.js并且它是"child" - jquery.validate.min.js那里没有这样的文件,所以我开始怀疑并且我创建了另一个项目,这次是一个非空的Web应用程序.

然后,我比较了两个应用程序的lib文件夹中的两个jquery-validate文件夹.

  • 我的第一个项目(创建为EMPTY)具有以下文件夹结构:

在此输入图像描述

dist文件夹不存在


  • 我的第二个项目(创建为WebApplication,非空)具有以下文件夹结构:

在此输入图像描述

dist文件夹存在,里面有jquery.validate.js文件,还有它的子jquery.validate.min.js文件.


我究竟做错了什么?或者它是VS2015中的错误?还是Bower的bug?

asp.net jquery-validate visual-studio bower asp.net-core-mvc

13
推荐指数
2
解决办法
4728
查看次数

角度:ngrx 效果未触发

我已经开发了一些实现 Redux (NgRx) 的 Angular 应用程序。我无法弄清楚我当前项目的问题。

行动:

export class GetUserFromStorage implements Action {
  readonly type = UserActionTypes.GetUserFromStorage;
}

export class GetUserFromStorageSuccess implements Action {
  readonly type = UserActionTypes.GetUserFromStorageSuccess;
  constructor(public payload: User | null) { }
}

export class GetUserFromStorageFail implements Action {
  readonly type = UserActionTypes.GetUserFromStorageFail;
  constructor(public payload: string) { }
}
Run Code Online (Sandbox Code Playgroud)

减速器:

case UserActionTypes.GetUserFromStorageSuccess:
    return {
        ...state,
        user: action.payload,
        error: ''
    };

case UserActionTypes.GetUserFromStorageFail:
    return {
        ...state,
        error: action.payload
    };
Run Code Online (Sandbox Code Playgroud)

效果:

@Effect() getUserFromStorage$:
Observable<userActions.GetUserFromStorageSuccess | userActions.GetUserFromStorageFail>
    = this.actions$.pipe(
        ofType(userActions.UserActionTypes.GetUserFromStorage), …
Run Code Online (Sandbox Code Playgroud)

ngrx ngrx-effects angular

12
推荐指数
1
解决办法
4135
查看次数

是否可以在ASP.NET Core API中运行Umbraco?

是否可以将Umbraco与ASP.NET Core API项目一起使用?这两种技术可以一起工作还是我必须使用.NET 4.x?

:::::::::::::::::::::::::更新:::::::::::::::::::::::::::::::::::

我接受了@ mortenbock的答案,但我强烈建议对这个问题感兴趣的人也阅读下面的评论,其中@Tseng提供了一些非常有用的答案.

asp.net umbraco asp.net-core

11
推荐指数
1
解决办法
9008
查看次数

Angular:从指令访问 FormControl

我想通过自定义指令将验证器动态添加到我的 FormControl。

@Directive({
    selector: "[idNumber]",
})
export class IdNumberDirective implements OnInit {

    constructor(private formControl: FormControl) { }

    ngOnInit() {
        this.addValidators(this.formControl);
    }

    addValidators(formControl: FormControl) {
        formControl.setValidators(Validators.compose(
            [Validators.required,
            Validators.minLength(3),
            Validators.maxLength(8)
            ]
        ));
    }



<mat-form-field>
    <mat-label>{{label}}</mat-label>
    <input matInput
        [formControl]="idNumberFormControl"
        [placeholder]="placeholder"
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)


我不需要引用 nativeElement(通过 ElementRef)。
我想引用 formControl ...
... 并使用它:

// HTML with my custom directive 'idNumber' ////////
<custom-input-string
    idNumber 
    [name]="'idNumber'"
    [label]="Id Number"
    [placeholder]="">
</custom-input-string>

// TS ////////
@ViewChild(CustomInputStringComponent) child: CustomInputStringComponent;

ngAfterViewInit() {
    setTimeout(() => {
        this.child.insertIntoForm(this.signupForm);
    }, 0);
}
Run Code Online (Sandbox Code Playgroud)


有任何想法吗?
谢谢你们。

typescript angular-directive angular

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

Visual Studio 2017不提供快速操作

我在VS2017的全新安装中创建了一个新的ASP.NET Core项目:

我打开Startup.cs,我创建了一个ctor方法,在里面我写道:

var configurationBuilder = new ConfigurationBuilder()
Run Code Online (Sandbox Code Playgroud)

我甚至没有用分号完成这条线,左边出现一个黄色的灯泡,这是VS给我一个快速添加的动作

using Microsoft.Extensions.Configuration
Run Code Online (Sandbox Code Playgroud)

这就是我认为正常的VS行为.

但是,只需几行,当我在ConfigureServices()方法中尝试AddMvc()时,没有灯泡,也没有提供快速操作.所以当我键入以下内容时:

services.AddMvc();
Run Code Online (Sandbox Code Playgroud)

我遇到了错误,直到我"手动"打开Nuget包管理器并明确添加Microsoft.AspNetCore.Mvc

我在VS2015中没有这样的问题,因为我总是被提供一个黄色灯泡,之后我按下了CTRL +.然后按Enter键下载正确的文件.

以下是我的VS17相关选项的外观:

使用指令 UsingDirectives

NUGET GENERAL NugetGeneral

NUGET包装来源 NugetPackageSources

还有其他人有同样的问题吗?我在我朋友的电脑上安装了VS17(她好心地让我),那里也是如此.没有灯泡自动建议我下载Nuget.

c# nuget nuget-package .net-core visual-studio-2017

8
推荐指数
0
解决办法
1300
查看次数

XamarinForms - 网格与嵌套 Stacklayouts - 性能最佳点

考虑到性能- 网格和嵌套堆栈布局之间的最佳点在哪里?

StackLayout 有多少层“嵌套”才能使 Grid 的使用更加高效?

下面的示例(3 层 StackLayout 嵌套)是一种好的做法,还是应该使用 Grid 来代替?

<StackLayout>
    <StackLayout>
        <StackLayout>
            <Label>...text...</Label>
        </StackLayout>
        <StackLayout>
            <Label>...text...</Label>
        </StackLayout>
    </StackLayout>
    <StackLayout>
        <StackLayout>
            <Label>...text...</Label>
        </StackLayout>
        <StackLayout>
            <Label>...text...</Label>
        </StackLayout>
    </StackLayout>
</StackLayout>
Run Code Online (Sandbox Code Playgroud)

performance xamarin xamarin.forms

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

带有EF Core / ASP.NET Core的OData-好还是不好?

我已经阅读了很多有关带有EF Core / ASP.NET Core的OData的信息。在我看来,每个人对此都有自己的见解,而且有些混乱,因此冒着听起来有些哑的风险,我有几个问题:

请注意:
!我不是在谈论带有EF6的经典ASP.NET 4.6或4.7!
!我说的是带有EF Core的ASP.NET Core!

  1. 考虑构建API-是否有单独的EF Core无法像使用OData的EF Core那样处理?

  2. 考虑构建API-构建干净的RESTful API而不是OData样式API是否更好?

  3. 为方便起见,实现OData会牺牲最佳实践吗?

  4. 长期呢?ASP.NET Core + EF Core是不是在考虑速度和效率的情况下构建的,因此它们自己不会变得更快,更高效吗?

entity-framework odata entity-framework-core asp.net-core asp.net-core-webapi

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

如何将 @angular/fire 添加到 Nx 工作区(Angular 项目)?

我想将@angular/fire添加到我的 Nx 工作区(Angular 应用程序)中。

我试图与最佳实践保持一致,但是,官方文档中没有任何关于将此库添加到工作区中的内容。

或者我错过了什么?


  1. 安装
    • 通过标准命令安装lib可以吗?
    • npm i @angular/fire ... 或 ... ng add @angular/fire
    • 是否有特定的“Nx 方式”安装它?

  1. 放置和命名
    我应该在哪个模块中调用initializeApp()方法?
    • 在应用程序模块中?(在采用 Nx 之前我就是这样做的)

    • 或者一个lib模块?(在我看来这更接近 Nx 哲学)

    • 如果答案是“一个 lib 模块”

      • 应该是哪个模块?
      • 我应该把 lib/module 放在哪里以及我应该给它命名什么?
      • “libs/data-access/api”是个好主意吗?

  1. 使用API
    • 如何使用已安装的包和初始化的模块(lib)?
    • 我是否应该将 api 库多次导入到需要该功能的每个库中?
    • 或者我只将 api lib 导入到应用程序中一次吗?

如此严格地遵循最佳实践(命名约定等)可能看起来很愚蠢,但我真的想以正确的方式做事。

firebase angularfire2 angular nrwl nrwl-nx

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

Xamarin.Forms如何在设备上打开默认电子邮件客户端?

在Xamarin.Forms中如果要通过点击带有链接的Label来打开设备的默认浏览器,它很简单:

private void WebUrl_TapGestureRecognizer_Tapped(object sender, EventArgs e)
{
  var label = sender as Label;

  string url = "http://" + label.Text;

  Device.OpenUri(new Uri(url));
}
Run Code Online (Sandbox Code Playgroud)

有一个类似的简单方法来打开设备的默认电子邮件客户端与打开的NewMessage与电子邮件地址?

private void EmailClient_TapGestureRecognizer_Tapped(object sender, EventArgs e)
{
  var label = sender as Label;

  // what goes here?
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

xamarin.ios xamarin.android xamarin xamarin.forms

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

Xamarin.Forms SQLite CreateTableAsync()返回类型用法

在我调用CreateTableAsync方法之后,我正试图找出我的桌子下发生了什么.
我正在使用sqlite-net-pcl NuGet(用于Xamarin.Forms项目).

public async Task<int> CreatePartnersTableAsync()
{
    var tablesCreated = await _efContext.CreateTableAsync<Partner>();

    var result = tablesCreated.Results[typeof(Partner)];

    return result;
}
Run Code Online (Sandbox Code Playgroud)

如果不存在,此代码应创建新的Partner表.如果它确实存在,它应该将连接挂钩到它.如果我错了,请纠正我.

现在问我的问题:

返回的整数是什么意思?
它可以是1或0.

0表示表成功创建吗?
...或者它是否意味着事先存在表并且连接未成功附加到该表

1表示表是否成功创建?
...或者是否意味着事先将表格存在并且连接成功附加到该表格

谢谢.

sqlite xamarin.ios xamarin.android xamarin xamarin.forms

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