小编piy*_*ain的帖子

Angular 2 Reactive Forms中FormArray内的FormGroup

我未能让 Angular 2 反应式表单工作,其中FormGroup 嵌套在FormArray 中。有人可以告诉我我的设置有什么问题吗?

为简洁起见,省略了代码中不相关的部分。

以下是我的组件

orderForm: FormGroup = this.fb.group({
    id: [''],
    store: ['', Validators.required],

    //The part related to the error
    order_lines: this.fb.array([
        this.fb.group({
           id: [''],
           order_id: [],
           product_id: [],
           description: ['', Validators.required],
           unit_price: ['', Validators.required],
           discount: [0],
           units: [1, Validators.required],
           line_total: ['', Validators.required]
        })
    ])
});

constructor(private fb: FormBuilder) {  }

//Order instance is passed from elsewhere in the code
select(order: Order): void {
    this.orderForm.reset(order)
}
Run Code Online (Sandbox Code Playgroud)

Order传递给select方法的实例是这样的:

  {
        "id": 20,
        "store": "Some Store", …
Run Code Online (Sandbox Code Playgroud)

angular2-forms angular angular-reactive-forms

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

NgRx createReducer() 和 on() 报错

我是新的。到 NgRx。

当我尝试使用创建减速器createReducer()时出现错误Expected 4 arguments, but got 2. 当我尝试将第 3 和第 4 个参数作为空值传递时,出现错误

Argument of type '(state: any, { updatedValue }: any) => any' is not assignable to parameter of type 'readonly ActionCreator<string, FunctionWithParametersType<any[], object>>[]'.
  Type '(state: any, { updatedValue }: any) => any' is missing the following properties from type 'readonly ActionCreator<string, FunctionWithParametersType<any[], object>>[]': concat, join, slice, indexOf, and 15 more.ts(2345)
Run Code Online (Sandbox Code Playgroud)

减速机代码

import { createReducer, on, State, Action } from '@ngrx/store';

import { Ingredient } from …
Run Code Online (Sandbox Code Playgroud)

javascript ngrx angular ngrx-store

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

颤振地理位置与位置

我正在启动一个应用程序,我的要求很少。

  1. 可以获得起始位置的经纬度。
  2. 可以获得停止位置的纬度和长度。
  3. 可以使用gps获取用户的速度。
  4. 可以获得黑白停止和开始的持续时间。
  5. 想要在用户停止后在谷歌地图中显示开始和停止的路径。
  6. 可以检查设备是否在移动,以便我可以计算黑白启动和停止的有效时间。

我在 flutter 中检查了位置和地理定位包,但无法决定我应该使用哪一个。如果有人可以帮助我区分它们,那将非常有帮助。

谢谢。

location geolocation flutter flutter-packages

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

Flutter 如何将多个身份验证提供商链接到 Firebase 帐户?

我在我的 flutter 应用程序中使用 firebase。在我的应用程序中,用户可以使用 3 种方式登录或注册。

  1. 电子邮件 ID 和密码。
  2. 谷歌
  3. Facebook。

这是我的 Firebase 设置。 在此输入图像描述

这是我的用户收藏。 在此输入图像描述

现在我的疑问是如何为具有相同电子邮件 ID 的用户链接多个身份验证提供商?

我使用 Uid 将用户信息存储到用户集合中。如果我为多个提供商启用多个帐户,如何将用户数据存储在同一个文档中?

我在谷歌上搜索了很多,但没有找到合适的解决方案。

对于使用电子邮件 ID 进行注册,我使用的是这个。

  final newUser = await _auth.createUserWithEmailAndPassword(
          email: widget.email, password: widget.pass);
Run Code Online (Sandbox Code Playgroud)

然后我将用户的数据存储到用户集合中。(在这个表格中,我还有一种表格,我可以从其中获取其他数据)。

谷歌登录代码

  Future<User> signInWithGoogle() async {
    // Trigger the authentication flow
    final GoogleSignInAccount googleUser = await _googleSignIn.signIn();

    // Obtain the auth details from the request
    final GoogleSignInAuthentication googleAuth = await googleUser.authentication;

    // Create a new credential
    final GoogleAuthCredential credential = GoogleAuthProvider.credential(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    ); …
Run Code Online (Sandbox Code Playgroud)

dart firebase firebase-authentication flutter

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

Magento 2 - 如何在另一个phtml文件,xml布局,静态块和cms页面中调用自定义phtml文件

我的文件位于app/design/frontent/vendor_name/theme/Magento_Theme/templates/html/test.phtml

如何在另一个phtml文件,xml布局,静态块和cms页面中调用此文件

请帮忙

magento magento2

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

如何在Angular 8中的路线上加载模块?

我想导入我在应用程序中创建的模块,以将其加载到具有其自身路由的特定路由上

javascript angular-routing angular-module angular

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

Angular 路由器LinkActiveOptions

我有一些这样的链接

<li routerLinkActive="active" class="nav-item">
<a [routerLink]="['contracts']" 
[queryParams]="{ activeOnly: false }" 
class="nav-link">Contracts</a>
</li>
Run Code Online (Sandbox Code Playgroud)

你在参数中看到我有?activeOnly=false,当我的网址像这样时,使用这种方法一切都可以

Contracts?activeOnly=false 在 html 中添加活动 css 类,用户可以看到它是活动链接

我遇到的问题是,有时 url 可以像这样的 contracts?activeOnly=true&id=1一样更改,然后active css 不再适用。

我需要的是在元素上有活动的 css 类,即使 url 已随查询参数更改。

示例如果 url 是这样的contracts?activeOnly=true&id=1

活动CSS 类也必须保留在LI html 标签上

routerlinkactive angular angular-router

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

图表js图表未显示在角度材料选项卡内

我试图在选项卡(角度材料)内显示图表 js 折线图,但图表未显示,它显示为空。

这是我的代码:

HTML:

 <mat-tab-group animationDuration="0ms">
   <mat-tab label="First">
     <div class="chart-container" style="height:50vh;">
          <canvas id="demo"></canvas>
     </div>
   </mat-tab>
   <mat-tab label="Second">Content 2</mat-tab>
   <mat-tab label="Third">Content 3</mat-tab>
 </mat-tab-group>
Run Code Online (Sandbox Code Playgroud)

js 文件:

  var chartColors = {
    test_1: '#fba66c',
    test_2: '#86b9ce',
    test_3: '#4274fd'
  };

  var canvas : any = document.getElementById("demo");
  var ctx = canvas.getContext("2d");

  var test_1_data = [1, 0, 3, 0, 5, 6, 8];
  var test_2_data = [5, 1, 8, 0, 3, 6, 5];
  var test_3_data = [9, 8, 3, 4, 5, 6, 2];
  var lineChartData = { …
Run Code Online (Sandbox Code Playgroud)

html javascript charts angular-material angular

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