小编rak*_*btg的帖子

ng2 - 从兄弟组件指令传递信息

我正在通过创建简单的项目来学习Angular 2,这里是应用程序的Plunker.

它有两个定制组件,

  1. 视频list.ts
  2. 视频player.ts

上述两个组件都app.ts使用其指令显示在组件中.

视频播放器组件应该将任何点击的歌曲显示为{{ nowPlaying }}变量,因为歌曲列表在视频列表组件中,我无法理解如何传递所点击的歌曲项目并在视频播放器组件上显示其标题.

虽然,视频播放器组件有一个对象变量的@Input 装饰器,nowPlaying但我不知道如何通过视频列表组件中的应用程序组件到达所选对象.

我还在nowPlayingDefaultapp组件中添加了一个变量,默认情况下将其传递给视频播放器组件.

这是代码:(https://plnkr.co/edit/Tt0zLudPqhrBfG0iffj1)

app.ts

// root app component
import {Component, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { VideoList } from './video-list';
import { VideoPlayer } from './video-player';

@Component({
  selector: 'my-app',
  template: `
    <div class='block'>
      <h2>Hello {{name}}</h2> 
      <video-player [nowPlaying]='nowPlayingDefault'></video-player> 
      <hr>
      <video-lists></video-lists>
    </div>
  `,
})
export class App {
  nowPlayingDefault:string = …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular

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

使用表单数据添加laravel CSRF令牌

通过wysiwyg编辑器上传图像时,我需要传递Laravel CSRF令牌FormData().但它似乎失败了,或者它没有使用该append()方法添加csrf令牌.

这是我的代码:

  function uploadImage( image ) {
    var data = new FormData();
    data.append( "image", image );

    data.append( "csrfToken", Laravel.csrfToken ); // <- adding csrf token
    // Laravel.csrfToken will return the csrf token.

    console.log( data.entries() );
    $.ajax ({
      data: data,
      type: "POST",
      url: "/article/store/image",
      cache: false,
      contentType: false,
      processData: false,
      success: function(url) {
        var image = IMAGE_PATH + url;
          $( '#editor' ).summernote( "insertImage", image );
        },
        error: function( data ) {
          console.log( data );
        }
    }); …
Run Code Online (Sandbox Code Playgroud)

javascript php laravel laravel-5 laravel-5.3

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

使Fieldset在负载下折叠

当用户看到我的页面时,我需要使所有Fieldset崩溃.所以,要查看其内容,我应该点击Fieldset标题.例如:这里我创建了一个允许折叠非折叠Fieldset的jsFiddle,这里是jQuery:

$(function(){
    $('legend').click(function(){
    $(this).parent().find('.content').slideToggle("slow");
    });
});
Run Code Online (Sandbox Code Playgroud)

但是如何让所有这些Fieldset崩溃?要查看Fieldset中的内容,人们应该点击Fieldset标题,然后Fieldset会崩溃吗?谢谢

html jquery

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

在python中使用正则表达式解析查询字符串

我正在尝试使用 RE 解析 url 字符串,这是我的模式,qid=(.*?)&+?它确实找到了查询字符串,但如果&url 末尾没有,则它失败!

请查看pythex.org页面,我试图在其中获得“qid”查询字符串的值。

python regex

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

在ACE编辑器中更改行高?

你如何改变ace编辑器的行高?

在此输入图像描述

有没有API可以做到这一点?同时增加线高也应该增加沟槽高度和光标高度,但是从它们的文档中看起来似乎缺失了.

虽然我写的没有运气,

editor.setOptions({
    lineHeight: "40px"
});
Run Code Online (Sandbox Code Playgroud)

我做了一些CSS hack,但它又打破了编辑器布局

div.ace_gutter-cell, div.ace_line {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 20px !important; 
    /* border: 1px solid #ccc; */
}
Run Code Online (Sandbox Code Playgroud)

javascript ace-editor

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

Angular 2 - 单击时更改 css 选择器

这是我的 Angular 2 应用程序:

//root app component
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <div class="{{item.itemclass}}" id="lists" *ngFor="let item of items">
        <div class="item" (click)="selectItem(item)">{{item}}</div>
        <div>{{item.itemclass}}</div>
      </div>
    </div>
  `,
})

export class App {
  name:string;
  items: any[];
  itemclass : string;
  constructor() {
    this.name = 'Angular2';
    this.items = [
      'lorem',
      'ipsum',
      'sit',
      'trump :D'
    ];
    this.itemclass = '';
  }
  selectItem(item){
    console.log(item);
    item.itemclass = "active";
  }
}

@NgModule({
  imports: [ BrowserModule ],
  declarations: …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular

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

Node js 图像处理没有文件系统?

我需要在我的 React Native 应用程序中编辑图像,我已经安装了 jimp 作为图像处理模块,但需要jimpfs

我们知道react Native没有node环境,所以它不提供nodejsfs模块。

在 React Native 中还有其他替代方案fs,例如react-native-fs,但 jimp 不知道react-native-fs它知道fs

我需要在客户端编辑图像。

我可以读取图像数据,例如base64. 由于 jimp 需要fs作为依赖项,所以我无法使用该数据进行操作,对于这种情况有什么建议吗?是否有任何模块允许在nodejs中进行图像处理而不需要nodejsfs模块?

node.js react-native

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

如何在 Laravel 中手动捕获错误异常

在我的项目中,我需要在数据库中进行批量导入和数据插入。

因此,我需要知道 API 请求何时失败。这里的问题是 PHP 无法捕获该异常,因为 Laravel 5.6 在出现任何类型的错误时都会停止执行。

我需要阻止 laravel 自动停止执行,并让 php 决定如果 API 请求失败,则等待 5 秒,然后重试。

为了实现这一点,我在 Laravel 控制器中创建了一个函数。

private function fetchAPI($id) {
    try {
        $rawResult = file_get_contents('http://example.com/'.$id.'?key=5453');
    } catch (Exception $e) {
        sleep(5);
        $this->fetchAPI($id);
    }
    return json_decode($rawResult, true);
}
Run Code Online (Sandbox Code Playgroud)

上述方法将利用 try...catch 块。但我也实现了布尔检查,但没有运气:

private function fetchAPI($id) {
    $rawResult = file_get_contents('http://example.com/'.$id.'?key=5453');
    if($rawResult === FALSE) {
        sleep(5);
        $this->fetchAPI($id);
    } else {
        return json_decode($rawResult, true);
    }
}
Run Code Online (Sandbox Code Playgroud)

在这种情况下,如果 Laravel 控制器方法的 API 请求失败,我如何重试?

php api laravel

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

es6-promise:承诺httpntlm模块

我想让httpntlm模块返回一个promise,它通过回调实现。

这是带有回调的工作版本:

httpntlm.get({
  url,
  username: 'username',
  password: 'banana'
}, 
function (err, resx){
  if(err) console.log(err);
  else {
    console.log(resx.headers);
    console.log(resx.body);
  }
});
Run Code Online (Sandbox Code Playgroud)

这是我试图使其兑现承诺的方式:

promisify(httpntlm.post(config, (error, response) => {
  if (error) return errro
  return response
}))
.then(res => console.log(res))
.catch(err => console.log(err))
Run Code Online (Sandbox Code Playgroud)

但是promisify版本返回错误:

UnhandledPromiseRejectionWarning:TypeError [ERR_INVALID_ARG_TYPE]:“原始”参数必须为Function类型。接收类型未定义

我想念什么?谢谢

node.js promise async-await es6-promise

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

如何制作iFrame幻灯片?

我想制作一个iFrame幻灯片,它会在20秒后经常在iframe中显示一些网站.我尝试过innerFade插件,但它在iFrame中不起作用.有没有机构有任何代码示例?

谢谢

html javascript iframe

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

jQuery blur()没有听$(this)

其次是HTML DOM:

<div class="opt">
    Options
    <div class="panel">
        <h3>i am in panel!!</h3>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

当我点击.opt它会显示.panel内容,但然后我需要触发另一个事件来隐藏.panel单击.opt元素外部时.

jQuery的:

$('.opt').click(function(){
    var $this = $(this);
    $this.find('.panel').fadeIn();
    $this.blur(function(){
        $this.find('.panel').fadeOut();
        alert('i am from blur');
    });
});
Run Code Online (Sandbox Code Playgroud)

这是一个演示JsFiddle

但是这个blur()方法没有执行,我在技术上做错了什么?

html javascript jquery

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

在具有PUT请求的Laravel 5.3中找不到正文数据

这是我更新联系人的路线.

Route::put( 'contact-type/{id}', 'ContactTypeController@update' );
Run Code Online (Sandbox Code Playgroud)

这是控制器,用于测试请求是否存在PUT请求.

public function update(Request $request, $id)
{
    return response()->json([ 'id' => $id, 'req' => $request->all() ]);
}
Run Code Online (Sandbox Code Playgroud)

当我使用邮递员发送请求时,请求为空!

在此输入图像描述

laravel PUT请求中是否不允许正文有效负载?或者我们如何在PUT请求中发送其他数据?

rest laravel laravel-5 laravel-5.3

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

SequelizeJS错误:TypeError:User.findAll不是一个函数

我将sequelizejs与expressjs应用程序一起使用。

这是我的用户模型的代码。

user.js

module.exports = function(sequelize, DataTypes) {
  var User = sequelize.define('User', {
    first_name: DataTypes.STRING,
    last_name: DataTypes.STRING,
    bio: DataTypes.STRING,
    email: DataTypes.STRING,
    profile_picture: DataTypes.STRING
  }, {
    classMethods: {
      associate: function(models) {
        // associations can be defined here
      }
    }
  }, {
    tableName: 'users'
  });
  return User;
};
Run Code Online (Sandbox Code Playgroud)

这是我的用户控制器

userComponent.js

const express = require( 'express' )
const router  = express.Router()
const User    = require( '../../models/user' )

router.get( '/user', ( req, res, next ) => {
  User.findAll()
    .then( userResponse => { …
Run Code Online (Sandbox Code Playgroud)

javascript node.js express sequelize.js

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