我正在通过创建简单的项目来学习Angular 2,这里是应用程序的Plunker.
它有两个定制组件,
上述两个组件都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) 通过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) 当用户看到我的页面时,我需要使所有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会崩溃吗?谢谢
我正在尝试使用 RE 解析 url 字符串,这是我的模式,qid=(.*?)&+?它确实找到了查询字符串,但如果&url 末尾没有,则它失败!
请查看pythex.org页面,我试图在其中获得“qid”查询字符串的值。
你如何改变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) 这是我的 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) 我需要在我的 React Native 应用程序中编辑图像,我已经安装了 jimp 作为图像处理模块,但需要jimpfs。
我们知道react Native没有node环境,所以它不提供nodejsfs模块。
在 React Native 中还有其他替代方案fs,例如react-native-fs,但 jimp 不知道react-native-fs它知道fs。
我需要在客户端编辑图像。
我可以读取图像数据,例如base64. 由于 jimp 需要fs作为依赖项,所以我无法使用该数据进行操作,对于这种情况有什么建议吗?是否有任何模块允许在nodejs中进行图像处理而不需要nodejsfs模块?
在我的项目中,我需要在数据库中进行批量导入和数据插入。
因此,我需要知道 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 请求失败,我如何重试?
我想让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类型。接收类型未定义
我想念什么?谢谢
我想制作一个iFrame幻灯片,它会在20秒后经常在iframe中显示一些网站.我尝试过innerFade插件,但它在iFrame中不起作用.有没有机构有任何代码示例?
谢谢
其次是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()方法没有执行,我在技术上做错了什么?
这是我更新联系人的路线.
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请求中发送其他数据?
我将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 ×7
html ×3
laravel ×3
node.js ×3
angular ×2
angularjs ×2
jquery ×2
laravel-5 ×2
laravel-5.3 ×2
php ×2
ace-editor ×1
api ×1
async-await ×1
es6-promise ×1
express ×1
iframe ×1
promise ×1
python ×1
react-native ×1
regex ×1
rest ×1
sequelize.js ×1