小编Dav*_*ebj的帖子

CdkDropList enter deprecated 在 CdkDropList 中不存在

在对 Angular Material 10 进行更新后,我遇到了拖放指令的问题。enter, incdkDropList不再存在,所以我的代码

this.placeholder.enter(drag, drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop);
Run Code Online (Sandbox Code Playgroud)

不工作。我试图找出解决方案,但没有成功。这是不推荐使用的enter函数https://stackblitz.com/edit/angular-dragdrop-grid-pnyded的示例, 谁能帮我解决这个问题?非常感谢

drag-and-drop typescript angular-material angular angular-cdk-drag-drop

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

刷新另一个页面时,角度路由重定向到主页

在我的应用程序中,用户登录后有一个主页和一些其他页面。问题是,当我进入其中一个其他页面并刷新该页面时,它会再次将我发送到主页。这是我的Routes:

const routes: Routes = [
  {
    path: '', redirectTo: '/home', pathMatch: 'full'
  },
  {
    path: 'login',  component: LoginComponent 
  },{
    path: 'list',  component: ListComponent, canActivate : [AuthGuardService]
  },{
    path: 'home', component: HomeComponent, canActivate : [AuthGuardService]
  },{
    path: 'detail/:id',  component: HomeComponent, canActivate : [AuthGuardService],
  },{
    path: '**', redirectTo: 'login' ,pathMatch: 'full'
  }
];
Run Code Online (Sandbox Code Playgroud)

应用程序组件具有路由器出口

<div [ngClass]="{'container': (isLoggedIn$ | async), 'mt-2': (isLoggedIn$ | async)}" class="h-100">
    <router-outlet></router-outlet>
</div>
Run Code Online (Sandbox Code Playgroud)

那么,我期望什么?首先,如果我在“列表”页面 ( localhost:4200/list) 并刷新此页面,它应该保留在那里。在那一页里。但现在它将我重定向到localhost:4200/home. 当然,当我单击列表项时,它应该将我发送到localhost:4200/detail/itemId但它总是将我发送到家。谢谢

使用 AuthGuardService 进行编辑: …

router typescript angular2-routing angular

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

用android app运行脚本

我有这个shell脚本:

#!system/bin/sh
while :
do
sync
echo 3> /proc/sys/vm/drop_caches
echo "Script is been launched"
sleep 30m
done
exit 0;
Run Code Online (Sandbox Code Playgroud)

我希望用Android应用程序运行此脚本.我现在已经创建了一个只有吐司的按钮.如何使用脚本(free.sh)并使用应用程序上的按钮启动它?或者有一个解决方案来重写java中的代码?谢谢

bash shell android button

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

动态形式 Angular 中的 FormArray

我已经实现了一个 stackblitz,您可以在其中使用某些配置创建动态表单。一切正常,直到您使用FormArray. 有什么想法吗?基本上,您的配置文件中可以有许多不同类型的字段。例如checkbox,等等text。number select在某些情况下,您应该有更复杂的结构,因此您应该有一个FormArray. 在这个 stackblitz 中,我试图代表正在发生的事情

https://stackblitz.com/edit/angular-dynamic-form-b​​uilder-gycshd?file=app/dynamic-form-b​​uilder/dynamic-form-b​​uilder.component.ts

因此,当我找到一个array类型时,我将创建一个 FormArray 而不是一个简单的FormControl字段列表

 public fields: any[] = [
    {
      type: "text",
      name: "firstName",
      label: "First Name",
      required: true
    },
    {
      type: "text",
      name: "lastName",
      label: "Last Name",
      required: true
    },
    {
      type: "text",
      name: "email",
      label: "Email",
      required: true
    },
    {
      type: "text",
      name: "description",
      label: "Description",
      required: true,
      multiLine: true
    },
    {
      type: "dropdown",
      name: "country",
      label: …
Run Code Online (Sandbox Code Playgroud)

typescript form-control angular angular-reactive-forms formarray

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

无法找到名称空间“NodeJS”以及类型节点

我在我的网络应用程序中收到此错误

ERROR in node_modules/zone.js/dist/zone.js.d.ts:600:21 - error TS2503: Cannot find namespace 'NodeJS'.

600 declare var global: NodeJS.Global;
Run Code Online (Sandbox Code Playgroud)

正如您在下面看到的,我已经添加了该types": ["node"]属性,但它仍然无法正常工作

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "types": ["node"],
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "es6",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}
Run Code Online (Sandbox Code Playgroud)

我实在不知道怎么解决。应用程序第一次启动获取Cannot GET /,然后在保存任何文件后,它可以工作,但仍然出现 NodeJS 错误。谢谢

node.js node-modules typescript angular

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

bash 中的 $ 是什么?

我已经使用了bash大约3个月了。
我正在逐步理解该语言,但我有一个问题。
bash中的真正含义$与C相同吗?

我的意思是$not $1、等等。$0只有 $。$#

bash dollar-sign

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

平滑滚动文本视图

如何在我的应用程序中平滑滚动文本视图?这是一个类似于我的 main.xml 的示例:

<?xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
    android:id="@+id/textView5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginTop="10dp"
    android:text="ANDROID APPLICATION INFO"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="#FF8000"
    tools:ignore="HardcodedText" />

<RadioButton
    android:id="@+id/radio_english"
    android:layout_width="201dp"
    android:layout_height="55dp"
    android:onClick="onRadioButtonClicked"
    android:text="English"
    tools:ignore="HardcodedText" />

<RadioButton
    android:id="@+id/radio_it"
    android:layout_width="200dp"
    android:layout_height="55dp"
    android:onClick="onRadioButtonClicked"
    android:text="Ita"
    tools:ignore="HardcodedText" />

<TextView
    android:id="@+id/AndroidInfo"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Android Info.:"
    tools:ignore="HardcodedText" />

<TextView
    android:id="@+id/Ainfo"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    tools:ignore="SelectableText"
    android:text="blablablablabla blablablabla blablablablabla blablablabla `blablablablabla blablablabla blablablablabla blablablabla blablablablabla blablablabla" />`

</RadioGroup>
Run Code Online (Sandbox Code Playgroud)

Ainfo textview 是我想让它滚动的。但滚动流畅。我尝试了不同的方法,但我尝试的一切都导致滚动不顺畅。有什么技巧可以做吗?不要考虑功能,因为是一个例子..只是想了解如何使滚动平滑。

android scroll textview smooth-scrolling

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

Ukit 模式防止关闭退出按钮

我正在将 Uikit 与 Angularjs 一起使用,我可能需要创建一个指令,以防止在按下 esc 按钮时关闭 Modal。我试过这种方式:

mainApp.directive('ngEsc', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress keyup", function (event) {
            if(event.which === 27) {
                event.preventDefault();
            }
        });
    };
});
Run Code Online (Sandbox Code Playgroud)

然后将指令放在模态上

测试模态

但它仍然关闭。有没有其他办法?

javascript css modal-dialog uikit angularjs

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