小编Zer*_*rok的帖子

我有一个卡片组件,里面包含另一个不同的组件.它就像一个用于制作UI幻想的包装组件; 我想你已经多次看过这种方法了.

事实是,我希望这些卡片可以隐藏,只显示页脚(顺便说一下,它也是由子组件创建的,而不是卡本身).

因此,我处理动画的方法是:

1. 我点击图标,在可见和隐藏之间切换卡片.
2. 它输出(使用@Output())一些变量,该变量在子元素中用于隐藏您只想在卡被"激活"时显示的组件部分.
3. 这同一个变量在两个不同的动画使用:一个存储卡,为使它更小,并且在内部组件等,隐藏你不想显示当卡被"禁用"的一部分.

从实现开始,您可以看到这些小片段的大图:

<card [title]="'DATE SELECT'" class="col" (cardOpen)="config?.cardStatus['dateselect'] = $event">
   <date-picker-wrapper class="date-wrapper" [cardOpen]="config?.cardStatus['dateselect']" [config]="config" [dateranges]="dateranges" [doubleDateRange]="false">
   </date-picker-wrapper>
</card>

内部组件:

<div class="row margin upper-margin" [@animate]="cardOpen">
    // lots of code
</div>

父组件(卡):

@Component({
    selector: "card",
    styleUrls: ["./card.css"],
    template: `
    <div class="col card" [@animate]="enabled">
      <div class="row card-header">
        {{title}}
        <i (click)="switchVisibility()" class="fa fa-chevron-down icon-right"></i>
      </div>
      <ng-content></ng-content>

    </div>
    `,
    animations: [
      trigger('animate', [
        state('false', style({
          minHeight: "98px",
          height: "98px",
          maxHeight: "98px",

        })),
        state('true', style({
          minHeight: "270px",
          height: "270px",
          maxHeight: "270px" …

我正在尝试创建某种父组件，它为我的所有组件提供了一些通用外观和逻辑，但我可以在其中编写一些特定的逻辑和模板。

看看这些图片：

这两个组件都有共同的特征：上部带有标题和“隐藏/显示”按钮，然后是两个不同的“正文”。他们还共享编辑按钮等，但我的想法是使“主体”部分完全动态：这是我想用我的实现组件覆盖的组件部分。

换句话说：我想用 Typescript 创建一个抽象类来保存模板：矩形、标题和正文、标题（我想从子类覆盖它）...然后，“正文”将是用子类提供的模板填充。

在 Angular 中如何实现这一点？到目前为止，我只看到了完全覆盖父组件模板的方法，而不是相互补充的方法。我想一定有一种方法可以在组件内插入带有 Angular 指令的 HTML 代码......

问题是，它是哪一个？

谢谢你！

我们有一个 NodeJS 应用程序，它可以作为我们正在构建的前端 Angular 应用程序的 API。

到目前为止，这两件事都运行良好，但有时，API 会出现一个奇怪的错误：“池已关闭”。现在我正在处理需要执行大量操作的部分（例如，数据库中的 6-10 次顺序插入和选择），这个错误总是或几乎总是发生，这使得我们遇到了一个大问题来解决。

这是我们在 DAO 中使用的 Mysqlconnector 类：

import { environment } from "../environments/environment";

var mysql = require('mysql')

export class MysqlConnector {
    static pool: any;
    static host: any;
    static database: any;

    constructor() {

    }

    public static connect() {
        if (!MysqlConnector.pool) {
            MysqlConnector.pool = mysql.createPool({
                connectionLimit: 10,
                host: MysqlConnector.host,
                user: environment.mysql.data.user,
                password: environment.mysql.data.password,
                database: MysqlConnector.database
            });
        }
      //  console.log("pool: ", MysqlConnector.pool)
        return MysqlConnector.pool;
    }

    /**
     * This method can be used to directly perform …

我$watches在我的控制器上使用两个应该关注这两个对象:

$scope.gastos = {
    name: "Gastos mensuales",
    data: [0,0,0,0,0,0,0,0,0,0,0,0],
    labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo",
                "Junio", "Julio", "Agosto", "Septiembre", "Octubre",
                "Noviembre", "Diciembre"]
};

$scope.ganancias = {
    name: "Ganancias mensuales",
    data: [0,0,0,0,0,0,0,0,0,0,0,0],
    labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo",
                "Junio", "Julio", "Agosto", "Septiembre", "Octubre",
                "Noviembre", "Diciembre"]
};

两个图表(来自Charts.js和angular-charts插件)从中读取数据.我将图表放在从属性接收数据的自定义指令中,并且它们正常工作.

问题是,我想创建另一个图表来读取与这些对象相同的另一个对象,但是在此方法中计算它的数据:

function calcularBeneficios(){
 var data = [];
 for(var i=0;i<12;i++){
    data[i] = $scope.ganancias.data[i] - $scope.gastos.data[i];
 }
    console.log("FUNCTION DATA: "+data);
 return data;
}

这些是手表(我试着观察object和object.data变量):

$scope.$watch("gastos", function(){
  $scope.beneficios.data = calcularBeneficios();
  console.log("SCOPE: …

我正在尝试创建一个 2x2 网格来显示卡片中的一些信息。免责声明：我对 Dart 和 Flutter 完全陌生，所以预计我对这里的主题有很多无知。

这些卡片应该有固定的大小，有图像，显示一些文本......并且从左到右，从上到下放置。

首先，我尝试使用 Flex 小部件，但它似乎只能水平或垂直工作。因此，我唯一的解决方案是使用两个 Flex，但仅在元素数量高于 2 时显示第二个 Flex（仅使用一行）。

然后，我尝试使用 GridView，但它无法以任何可能的方式工作。我从互联网上复制并粘贴哪个示例来开始测试并不重要：它们只是不会显示在屏幕上，除非它们是应用程序中唯一显示的内容，没有任何其他小部件。我仍然不明白为什么会发生这种情况。

这是我当前的代码：

“home_page.dart”中的第一个小部件：

return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            Padding(padding: EdgeInsets.only(top: 30)),
            Text(
              'App test',
              style: TextStyle(fontSize: 24),
            ),
            EventsList(key: new Key('test')),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter, …

我将这两个问题合二为一，因为它们可能是相关的。几天前，我开始在 main 函数之前的 [#actix_rt::main] 行中出现此错误：

proc macro `main` not expanded: cannot find proc-macro server in sysroot `C:\Users\zerok\.rustup\toolchains\stable-x86_64-pc-windows-gnu`

与此同时，在 VSCode 中，我的 rust-analyzer 扩展开始失败。我卸载了它，重新启动 VSCode，然后重新安装。它不断地给出同样的错误：

Failed to spawn one or more proc-macro servers.

我该如何解决这个问题？

我正在尝试使用 Diesel 制作 Actix API，并且在制作第一个端点 (/books/create) 时，我在尝试将插入的值返回到我的代码中时遇到问题。

这是我的插入内容：

use diesel::prelude::*;
use crate::models::Book;
use crate::schema::books;
use crate::db;


pub fn create_book(book: &Book) -> Book {
    
    let mut connection: SqliteConnection = db::establish_connection();
    let result: QueryResult<Book> = diesel::insert_into(books::table)
        .values([book])
        .get_result::<Book>(&mut connection);
        
    
    result.unwrap()
}

这是错误，我将其包装在 Pastebin 中，因为它对于 Stackoverflow 来说太长： https: //pastebin.com/Evq6tUYq

我想知道这是否可能是架构或模型的问题，但据我所知，它们似乎没问题并且没有不匹配的值：

use diesel::prelude::*;
use serde::{Serialize, Deserialize};    
use crate::schema::books;

#[derive(Queryable, Serialize, Deserialize, Insertable)]
#[diesel(table_name = books)]
pub struct Book {
    pub id: i32,
    pub title: String,
    pub author: String,
    pub creation_date: Option<String>,
    pub publishing_house: Option<String>, …

我是网络编程的新手,甚至更多的是Javascript,但我正在努力学习它,因为我学习了Node.js,我发现了这个奇怪的错误......我有这个代码:

var structobject = function(type, title, isReplicable, isVisible) {
    this._type = type;
    this._title = title;
    this._childElements = new Array();
    this._isReplicable = isReplicable;
    this._id = 0;  //TODO
};

structobject.prototype.addChild = function (element) {
    structobject._childElements.push(element);
};

structobject.prototype.stringify = function () {
    console.log("Main element: "+this._title);
    for (var i=0;i<this._childElements.length;i++) {
        console.log("Child "+i+": "+this._childElements[i]._title);
    }
};

structo1 = new structobject(1, "element1", true, true);
structo1.addChild(new structobject(2, "element2", true, true));
structo1.stringify();

我在这里遇到了一个问题...正如你所看到的那样,_childElements是一个数组,我有addchild一个应该在其中添加一个子元素的函数.

其余的代码工作,但这给了我以下错误:

C:\Zerok\DevCenter\Structify\public_html\js\object.js:22
  structobject._childElements.push(element);
                             ^
TypeError: Cannot read property 'push' of undefined …

我正在尝试在我的地图中绘制多段线（一些相互跟随的线，用于描述自行车路线，每个示例）。地图目前有一些实体是通过模板加载的，典型的 *nFor。

正如 AGM 库所述，有许多可以在地图上绘制事物的可注入对象。其中一种可注射物是PolylineManager，它非常适合我的用例。因为它应该是存在于@agm/core模块中的可注入对象（它已正确导入我的模块并正常工作），所以我只是将它注入到我的地图组件的构造函数中，就像：

 private agmPolyManager: PolylineManager

好吧，事情是，当我这样做时，甚至在应用程序的任何地方使用它之前，当我尝试输入时，视图都会崩溃，并且我得到以下完全无意义的错误：

错误：“[longstractor/server0.conn0.child1/longstractor372 的前端]”

我在网上的任何地方都没有发现这个错误。试图更新包等等，但它没有给出任何结果......

摘要/背景

我连续 8 个小时试图解决一个似乎没有任何可行解决方案的问题：突然间，我的 Ionic Cordova 项目在连接互联网时开始出现问题。

我试图安装 Firebase 并设置 FCM，这让我遇到了这个问题。我最终回滚到我拥有的稳定版本，该版本工作完美并且没有给我带来任何问题。但问题仍然存在。就目前而言，在这个问题得到解决之前，我的应用程序完全死了而且毫无用处。

解释问题

• 该应用程序没有连接到互联网。Android平台文件夹与APK一样完美构建，但是当应用程序打开时，它无法从我的服务器获取资源。
• 它也无法访问其他通用 Internet 资源。例如，执行 afetch('http://www.google.com')返回状态 404。
• 我曾经直接在我的设备中测试 APK，并通过 Chrome 的“远程设备”选项激活开发者调试选项。现在，它什么也没检测到。
• 尽管听起来很奇怪，但通过导航器进行测试时，该应用程序运行良好ionic serve，可以正确访问我的服务器资源并正常执行网络请求。

到目前为止我已经尝试过的：

• 更改我的节点版本。我都尝试了 LTS 和最新版本 (v12.11.1)，但两者给出的结果完全相同。
• 将 Cordova 更新到最新版本，并将其回滚到 7.1，但都不起作用。
• 安装/卸载 Cordova Androidx 和 Cordova Androidx 适配器插件。
• 当然，在每一步中，都会删除并重新创建 Android 平台。
• 添加一个<meta>接受所有请求的标签，正如另一个线程中建议的那样。
• 添加<allow-navigation href="*" />到config.xml文件中。

系统和设置：

使用以下命令生成的转储ionic info：

Ionic:

   Ionic CLI                     : 5.2.5 (C:\Users\zerok\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : …