小编Saf*_*lai的帖子

最简洁的方式来重置表单

在Angular 2最新版本中重置表单的最简洁方法是什么?我想在添加帖子后重置输入文本框.

@Component({
  selector: 'post-div',
  template: `
            <h2>Posts</h2>
            <form (submit)="addPost()">
                <label>Title: </label><input type="text" name="title" [(ngModel)]="title"><br/>
                <label>Body: </label><input type="text" name="body" [(ngModel)]="body"><br/>
                <input type="submit" value="Add Post">
            </form>
            <ul>
                <li *ngFor="let post of posts">
                    <strong>{{post.title}}</strong>
                    <p>{{post.body}}</p>
                </li>
            </ul>
          `,
  providers: [PostService]
});

addPost(){
    this.newPost = {
        title: this.title,
        body: this.body
    }
    this._postService.addPost(this.newPost);
}
Run Code Online (Sandbox Code Playgroud)

forms angular

39
推荐指数
5
解决办法
12万
查看次数

Bootstrap/CSS:Clearfix会影响偶数/奇数索引

当我使用不同高度的列时,我正在使用clearfix来防止Bootstrap网格中断.

但是,一旦将clearfix div添加到文档中,源中出现的列就会表现得好像它们具有与实际不同的偶数/奇数索引.

我创建了一个相关的演示.如您所见,删除clearfix div会使div的颜色更改,就像它们的索引已更改一样.

你知道可能造成什么,我能做些什么来纠正它?

html css twitter-bootstrap

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

Android Studio - 如何使用Webview从本地路径加载HTML5内容?

在官方Android开发者页面中,本主题在WebView中构建Web应用程序 http://developer.android.com/guide/webapps/webview.html

如果内容将从存储在src文件夹中的本地html文件夹加载,我想知道如何继续

我找不到任何代码示例或示例下载.

我正在使用android studio

html5 android webview local-storage

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

Google Apps 脚本 - 可选链接抛出 ParseError

为什么 Google Apps 脚本不支持最新的 javascript 功能(例如可选链接),即使它在 Chrome V8 上运行?当使用可选链接时,clasp 会抛出错误。

GaxiosError: Syntax error: ParseError: Unexpected token .

运行时环境已在清单文件中提到appsscript.json

{
    ...
    "runtimeVersion": "V8",
    ...
}
Run Code Online (Sandbox Code Playgroud)

javascript google-apps-script optional-chaining

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

使用OrbitControls时锁定x轴旋转 - Three.js

使用OrbitControls时锁定x轴旋转是否可行?目前我有一个挂在绳子上的圣诞星的对象模型.我希望它只能水平旋转.

javascript three.js

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

Three.js Water Shaders从r48迁移到r52

我正在开发一个化学模拟项目.我正在寻找水模拟.我从这个例子中提取了代码http://waterstretch.ecoulon.com/

它使用Three.js r48,提取的代码完美无缺.现在我尝试将项目的工作代码升级到Three.js r52.该示例显示黑屏没有任何控制台错误:OI测试了Three.js r49和更新但没有帮助,我在更改日志中找不到任何有用的信息. https://github.com/mrdoob/three.js#change-log.

和迁移说明 https://github.com/mrdoob/three.js/wiki/Migration

这是代码

water.html

    <!DOCTYPE html>
<html lang="en">
<head>
    <title>WaterStretch</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body >

<!--<script src="../../js/libs/three.js/three-52.js"></script>-->
<!--<script src="./lib/three-48.js"></script>-->
<script src="./lib/three-49.js"></script>

<script src="./lib/shaders/BasicShader.js"></script>
<script src="./lib/shaders/BleachBypassShader.js"></script>
<script src="./lib/shaders/BlendShader.js"></script>
<script src="./lib/shaders/BokehShader.js"></script>
<script src="./lib/shaders/BrightnessContrastShader.js"></script>
<script src="./lib/shaders/ColorCorrectionShader.js"></script>
<script src="./lib/shaders/ColorifyShader.js"></script>
<script src="./lib/shaders/ConvolutionShader.js"></script>
<script src="./lib/shaders/CopyShader.js"></script>
<script src="./lib/shaders/DOFMipMapShader.js"></script>
<script src="./lib/shaders/DotScreenShader.js"></script>
<script src="./lib/shaders/FilmShader.js"></script>
<script src="./lib/shaders/FocusShader.js"></script>
<script src="./lib/shaders/FXAAShader.js"></script>
<script src="./lib/shaders/HorizontalBlurShader.js"></script>
<script src="./lib/shaders/HorizontalTiltShiftShader.js"></script>
<script src="./lib/shaders/HueSaturationShader.js"></script>
<script src="./lib/shaders/LuminosityShader.js"></script>
<script src="./lib/shaders/NormalMapShader.js"></script>
<script src="./lib/shaders/SepiaShader.js"></script>
<script …
Run Code Online (Sandbox Code Playgroud)

three.js

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