小编cur*_*ura的帖子

如何使用Angular Reactive表单在父组件中添加子组件?

我正在向父组件表单添加子组件.

Pessoa.html

<form [formGroup]="usuarioForm" novalidate>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="exampleInputNome">Nome</label>
                        <input type="text"
                               formControlName="nome"
                               class="form-control "
                               placeholder="Nome" />
                    </div>
                </div>

            <endereco [enderecoGroup]=usuarioForm></endereco>

            <button type="submit"
                    class="btn btn-default"
                    (click)="InsereUsuario(usuarioForm.value)">
                Enviar
            </button>
</form>
Run Code Online (Sandbox Code Playgroud)

Endereco.html

            <h4>Endereço</h4>
            <div class="col-md-2">
                <div class="form-group" [formGroup]="enderecoGroup">
                    <label for="exampleInputCep">Cep</label>
                    <input type="text"
                           class="form-control"
                           placeholder="Cep"
                           (blur)="GetAdress($event.target.value)">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group" [formGroup]="enderecoGroup">
                    <label for="exampleInputComplemento">Complemento</label>
                    <input type="text"
                           class="form-control"
                           placeholder="Complemento"
                           [value]=endereco?.complemento>
                </div>
            </div>
Run Code Online (Sandbox Code Playgroud)

Endereco.ts

@Input() enderecoGroup: FormGroup;

endereco: Endereco

GetEndereco(Cep: string) {
    this.servico.GetEndereco(Cep)
        .subscribe(resposta => this.endereco = resposta);
}
Run Code Online (Sandbox Code Playgroud)

提交表单时,Adress.html条目为空白,我该怎么办?

我正在使用React表单

Stackblitz

在此输入图像描述

angular angular4-forms angular-forms

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

如何使用道具更新polygonOptions的fillColor?

我正在用DrawingManager. 我想fillColor用道具修改多边形。我该怎么办?

import React from 'react'
import GoogleMap from 'google-map-react'

export default (props: any) => {
  let {color} = props
  const handleGoogleMapApi = (google: any) => {
    console.log(google)
    var drawingManager = new google.maps.drawing.DrawingManager({
      drawingMode: google.maps.drawing.OverlayType.POLYGON,
      drawingControl: true,
      drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: ['polygon'],
      },
      polygonOptions: {
        strokeWeight: 5,
        fillOpacity: 0.45,
        fillColor: color,
      },
    })
    google.maps.event.addListener(drawingManager, 'polygoncomplete', (polygon: any) => {
      let points: any = polygon.getPath().getArray()

      points.forEach((point: any) => {
        const {lat, lng} = point
        console.log(lat(), lng()) …
Run Code Online (Sandbox Code Playgroud)

reactjs google-map-react

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

如何在包管理器中执行迁移?

我安装了 FluentMigration 来管理我的 SQL 文件。

在包管理中,我执行以下命令:

PM> dotnet add package FluentMigrator
PM> dotnet add package FluentMigrator.Runner
Run Code Online (Sandbox Code Playgroud)

移民

 [Migration(201805041513)]
    public class _201805041513_CriacaoTabelaPessoa : ForwardOnlyMigration
    {
        public override void Up()
        {
            Create.Table("Pessoa")
                .InSchema("angularCore")
                .WithColumn("Id").AsInt32().Identity()
                .WithColumn("Nome").AsString(80)
                .WithColumn("SobreNome").AsString(50)
                .WithColumn("Email").AsString(50)
                .WithColumn("IdTpoPessoa").AsInt16()
                .WithColumn("IdEndereco").AsInt16();


        }
    }
Run Code Online (Sandbox Code Playgroud)

进程外(针对某些公司要求)

PM> dotnet tool install -g FluentMigrator.DotNet.Cli
Run Code Online (Sandbox Code Playgroud)

错误:

找不到与“dotnet-tool”命令对应的可执行文件

文档

编辑

跑进

PM> dotnet tool install -g FluentMigrator.DotNet.Cli
PM> dotnet fm migrate -p sqlite -c "Data Source=test.db" -a ".\bin\Debug\netcoreapp2.1\test.dll"
Run Code Online (Sandbox Code Playgroud)

生成teste.db

在此处输入图片说明

在旧版本中,您直接在数据库中运行迁移,我不明白如何更新我的数据库,即通过生成的 test.db 文件创建 Person 表?

c# fluent-migrator visual-studio-2017

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

为什么 IConfigurationRoot GetConnectionString 返回 null?

我正在尝试读取 Asp.net Core 项目中的 .json 文件。

打印

在此输入图像描述

dbConfig.json

{
  "AzureCosmosDb": {
    "EndpointUrl": "https://localhost:8081",
    "PrimaryKey": "C2y6yDjf5/R++4QDU5DE2nQ9nDuVTqobD4b8mGGyPMbIZnqyMsEcaGQy67XIw/Jw==",
    "DatabaseId": "Cosmoso"
  },
  "Oracle12c": {

  }
}
Run Code Online (Sandbox Code Playgroud)

用于搜索文件中的值的代码dbConfig.Json

public static string GetConnectionString(string fileJson, string conexao)
{
  var builder = new ConfigurationBuilder().AddJsonFile(fileJson);

  Configuration = builder.Build();

   string connection = Configuration.GetConnectionString("AzureCosmosDb:DatabaseId");
   return connection;
}
Run Code Online (Sandbox Code Playgroud)

该方法返回 null,这是怎么回事?

c# asp.net-core

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

VueJs this.method不是函数吗?如何在Vuejs中的另一个方法内调用一个方法?

我试图从另一个方法中调用一个方法,为此,我使用了它。但是我的控制台导致我出错。

如何在Vuejs中的另一个方法内调用一个方法?

 methods: {
     searchLocations: function() {
         var address = this.search
         var geocoder = new window.google.maps.Geocoder()
         geocoder.geocode({
             address: address
         }, function(results, status) {
             if (status === window.google.maps.GeocoderStatus.OK) {
                 this.buscarLojas(results[0].geometry.location)
             }
         })
     },
     buscarLojas: function(center) {
         console.log(center)
     }
 }
Run Code Online (Sandbox Code Playgroud)

安慰:

this.buscarLojas不是函数

google-maps-api-3 vue.js

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

子事件中发生事件时立即通知父组件?

我需要当用户单击子组件上的按钮时,父组件接收cart.lenght到分配 count元素的属性。

子组件代码

<q-btn flat round color="faded" icon="fas fa-shopping-cart" @click="cart(item.id)"/>

cart: function (Id) {
      let cart = []
      cart.push(Id)
      this.$emit('totalItensCart')
      this.$q.localStorage.set('cart', cart)
}
Run Code Online (Sandbox Code Playgroud)

如何在父组件cart.length中的 count属性中显示值?

父组件代码

 <q-route-tab
        count="5"
        icon="fas fa-cart-plus"
        to="/cart"
        exact
 slot="title"/>
Run Code Online (Sandbox Code Playgroud)

vue.js

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