小编Rah*_*gli的帖子

如何在 ngFor 循环中动态定义 formControl 名称?

我想根据对象中包含的项目动态填充字段。我正在使用带有角材料的反应形式。

但是,我得到:

错误:找不到具有未指定名称属性的控件

<div *ngFor="let field of guidelines.fields; let i=index">
  <mat-form-field>
    <input [formControl]="i" ngDefaultControl matInput placeholder={{field.field_name}} value={{field.notes}}>
  </mat-form-field>
</div>
Run Code Online (Sandbox Code Playgroud)

angular-material angular

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

Sequelize 是对嵌套密钥长度的削减

我有一个名为的模型ManufacturerGuideline,它嵌套在第四层。当我尝试获取记录时,它的ManufacturerGuideline键长度被截断为 5 个字符。尽管postgreSQL表中存储的Key值具有完整长度。

路线:

router.get('/:manufacturer_id', function(req, res) {
  var manufacturer_id = req.params.manufacturer_id;
  models.Manufacturer.findAll({
    where: {
      id: manufacturer_id
    },
    order: [[models.ManufacturerTab, 'sequence', 'ASC']],
    include: [{
                model: models.ManufacturerTab, 
                include: [{
                  model: models.ManufacturerField, 
                  include: [models.ManufacturerGuideline]
              }]
            }
        ]
  }).
  then(function(manufacturers) {  
      res.status(200).json(manufacturers);  
  }, function(error) {  
     res.status(500).send(error);  
  });  
});
Run Code Online (Sandbox Code Playgroud)

因此,如果列名称是,Manufacturer它将显示为Manuf。此问题仅出现在ManufacturerGuideline表中,而不出现在父关联表中。

postgresql express sequelize.js

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

错误:使用带ScrollMagic和GSAP的Angular CLI时无法解析"TweenMax"

我正在尝试将Scrollmagic插件与Angular CLI集成.但是,我收到此错误:

./~/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js找不到模块:错误:无法解析'/Users/../project/node_modules/ScrollMagic/scrollmagic/minified/中的'TweenMax'插件

我使用npm安装了GSAP和scrollmagic库:

npm install gsap
npm install scrollmagic
Run Code Online (Sandbox Code Playgroud)

.angular-cli.json

"scripts": [
        "../node_modules/gsap/src/uncompressed/TweenMax.js",
        "../node_modules/scrollmagic/scrollmagic/minified/ScrollMagic.min.js",
        "../node_modules/scrollmagic/scrollmagic/minified/plugins/animation.gsap.min.js",
        "../node_modules/scrollmagic/scrollmagic/minified/plugins/debug.addIndicators.min.js"
      ],
Run Code Online (Sandbox Code Playgroud)

零件

import { Component, OnInit } from '@angular/core';
import { TweenMax, TimelineMax } from "gsap";
import * as ScrollMagic from 'ScrollMagic';
import "ScrollMagic/scrollmagic/minified/plugins/debug.addIndicators.min.js";
import "ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js";


@Component({
  selector: 'app-floating-butterfly',
  templateUrl: './floating-butterfly.component.html',
  styleUrls: ['./floating-butterfly.component.scss']
})
export class FloatingButterflyComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    var controller = new ScrollMagic.Controller();
    var scene = new ScrollMagic.Scene({
      triggerElement: ".floating-butterfly"
    })
    .setTween(".floating-butterfly", 0.5, {backgroundColor: "green", scale: …
Run Code Online (Sandbox Code Playgroud)

javascript scrollmagic gsap angular

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

转换为es6后,React js getInitialState无法正常工作

当我将常规反应javascript代码转换为es6时,我在控制台中收到这两个错误:

Warning: getInitialState was defined on TopicsList, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?

Uncaught TypeError: Cannot read property 'isTopicClicked' of null
Run Code Online (Sandbox Code Playgroud)

我想isTopicClicked最初设置为false.

import React from 'react';
import ReactDOM from 'react-dom';

class TopicsList extends React.Component {

    getInitialState() {
        return {
            isTopicClicked : false,
            topicPages
        };
    }

    onClick(topicID) {
        this.setState({isTopicClicked : true});
        this.setState({topicsID : topicID});
    }

    render() {
        return (
            <div>
                <div className="row topic-list"> …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs

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

如何将HttpClient订阅数据返回到组件

我正在尝试使用subscribe方法从服务返回数据.

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class DevRequestService {
    constructor(private http: HttpClient){}
    getListOfAgencies() {
        return this.http.get('https://example.com/api/agency').subscribe(data => {
            return data;
          });
    }
}
Run Code Online (Sandbox Code Playgroud)

零件:

ngOnInit(): void {
  console.log(this.devRequestService.getListOfAgencies());
}
Run Code Online (Sandbox Code Playgroud)

下面是我在console.log中获得的输出,而不是返回带有值的对象:

Subscriber {closed: false, _parent: null, _parents: null, _subscriptions: Array(1), syncErrorValue: null, …}

typescript angular

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

Angular 默认选项所选属性未按预期工作

我想从下拉列表中选择第一个选项。但是,当我设置[attr.selected]="index == 1"[attr.selected]="index == 0"不工作但如果我将索引值条件更改为 时[attr.selected]="index == 2",它会工作。尽管存在从 0 到 2 的索引。

<select formControlName="segmentforOverlapOne" class="form-control overlap-segment-1">
  <option [attr.selected]="index == 1" *ngFor="let segment of segmentations; let index=index;" [ngValue]="index">{{segment.name}}</option>
</select>
Run Code Online (Sandbox Code Playgroud)

以下是分段数组:

[
  {
    "name": "name 1",
    "columns": [
      {
        "index": 0,
        ...
      }
    ],
  },
  {
    "name": "name 2",
    "columns": [
      {
        "index": 1,
        ...
      }
    ],
  },
  {
    "name": "name 3",
    "columns": [
      {
        "index": 2,
        ...
      }
    ]
  }
]
Run Code Online (Sandbox Code Playgroud)

angular

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

如何在 Sequelize.js 中的 where 子句中使用 if 条件

ManufacturerId: manufacturer_id我只想查询是否manufacturer_id不等于 null。

我尝试了这段代码,但它给了我语法错误:

/* Get Brands List */
router.get('/', function(req, res) {
  var archived_status = req.query["archived-status"];
  var manufacturer_id = req.params.manufacturer_id;
  models.Brand.findAll({
    where: {
        brand_archived_status: archived_status,
        if(manufacturer_id != null){
          ManufacturerId: manufacturer_id
        }
    },
    include: [{
      model: models.Job,
      required: false
    }]
  }).  
  then(function(brands) {  
      res.status(200).json(brands);  
  }, function(error) {  
      res.status(500).send(error);  
  });  
});
Run Code Online (Sandbox Code Playgroud)

postgresql sequelize.js

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

如何使用sequalize-cli删除迁移

我手动删除了迁移文件名20171125081136-create-task.js

删除迁移文件后,我运行了此命令

db:migrate:undo:all
Run Code Online (Sandbox Code Playgroud)

运行此命令时,终端出现错误: ERROR: Unable to find migration: 20171125081136-create-task.js

由于此错误,我被卡住了,无法撤消存在的其他迁移文件。

sequelize.js sequelize-cli

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

如何使用包含下划线的变量访问对象属性

我正在尝试使用包含下划线的变量访问对象属性,但是它给出了错误Uncaught ReferenceError: topic_ is not defined.我确实研究了这个问题的解决方案使用变量动态访问对象属性,但它不起作用.

var topics_page_no = {
    topic_1: [2,3,4],
    topic_2: [5,6,7]
}

/* Navigate to particular topic's first page based on selection */
$(document).on('click', '.topic-menu-dropdown-item', function(){
    var topic_id = $(this).data('topic-id');
    console.log(topics_page_no.topic_[topic_id][0] + ".html");
});
Run Code Online (Sandbox Code Playgroud)

预期产量: 2.html / 5.html

javascript jquery

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

如何使用VBA在powerpoint中查找和替换字符串

我想在ppt的幻灯片1中将"hello"替换为"world".如何使用VBA脚本执行此操作.

powerpoint vba powerpoint-vba

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