小编rra*_*ram的帖子

通过角度方式在对象数组中按属性查找对象

我有一个像下面的数组

var myArray = [{'id':'73','name':'john'},{'id':'45','name':'Jass'}, etc.]
Run Code Online (Sandbox Code Playgroud)

现在我有id73如何从数组中选择这个特定的对象.我看到我可以使用grep轻松地在jQuery中执行此操作是否有任何有角度的方式来执行此操作?

由于大多数用户开发具有角度的应用程序始终从对象数组(主要是表格)获取数据,因此应该有一个辅助函数吗?

这样我就可以通过更新对象数组来更改行的数据和行的ID.

我不想在视图中绑定它.我想操纵数据并使用函数更新数据.

例如.我有一个表格列表.如果最终用户从表中编辑一行我有对象的ID,那么在最终用户点击保存后,我需要更新数组然后再返回表列表.

javascript arrays angularjs

44
推荐指数
3
解决办法
9万
查看次数

如何在圆形div中垂直居中对齐字体真棒图标?

我试图通过垂直居中对齐字体真棒图标中心.如果有文本,我们可以使用line-height属性,即使我尝试给出line-height与div的高度相同的高度.

试过display:inline-blockvertical-align:middle没有做到这一点.

如何以所有尺寸垂直居中图标.它应该是动态的,因为图标大小可能不同.因此,margin-top的硬编码可能不适用于其他尺寸的图标以及div.

.exp{
    width:80px;
    height:80px;
    background-color:red;
    border-radius:100%;
    line-height:80px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

html css css3

36
推荐指数
3
解决办法
9万
查看次数

如何将div放在另一个div下面?

这可能是一个简单的问题.我有一个#sliderdiv有一个图像,之后我有#contentdiv有文本.我已经尝试了相对位置,所以我认为它应该在之前的div之后我的意思,position:relative但在这里它不会那样.

这里有什么问题.如何克服它?

HTML

<div id="slider">
    <img src="http://oi43.tinypic.com/25k319l.jpg"/>
</div>
<div id="content">
    <div id="text">
        sample text
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#slider {
    position:absolute;
    left:0;
    height:400px;
}
#slider img {
    width:100%;
}

#content {
    position:relative;
}

#content #text {
    position:relative;
    width:950px;
    height:215px;
    color:red;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

html css

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

如何在圆形div中创建基于背景颜色的边框?

我试图创建一个圆圈,它border看起来应该与div颜色相同,并且边框和div之间有一个空格.空间之间应该显示它所处的div的背景颜色.背景颜色是可变的,所以我们不应该硬编码.

相反,我使用rgba模式给出了透明度.所有的工作都很好我试图在圈子的悬停上得到这个效果,但我无法得到悬停因为我正在尝试display:block悬停和正常状态它是display:none;这是为后选择器因此我尝试这种效果与选择后.

代码CSS

.main{
    width:80px;
    height:80px;
    border-radius:100%;
    background-color:#007eff;
    text-align:center;
    line-height:80px;

}
.main:hover + .main:after{
    display:block;

}
.main:after{
      width:86px;
    height:86px;
    border-radius:100%;
    background:rgba(255,255,255,0.1);
    border:2px solid #007eff;
    position:absolute;
    content:"";
    z-index:-1;
    top:3px;
    left:3px;
   display:none;
}
body{
    background-color:#888;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="main"><i class="fa fa-camera-retro fa-lg"></i>
</div>
Run Code Online (Sandbox Code Playgroud)

问题状态 悬停它应该成为像与效果,如果可能的,如果有任何的教程要做到这一点,我会快乐地学习.谢谢

html css css3

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

如何使用jquery在div上单击提交表单?

我已经在单个php文件中尝试了这个但是没有用,所以我现在尝试在两个单独的php文件中一个用于表单,另一个用于进程.

如何在div或链接上提交表单?

代码我试过

$(document).ready(function(){
    jQuery('.web').click(function () {
        $("#g_form").submit();
        alert('alert');
    });
});
Run Code Online (Sandbox Code Playgroud)

形成

<form action="p.php" id="g_form" method="POST">
    <input type="text" name="f1" value="">
    <input type="submit" value="submit!" name="submit"/>
</form>

<div class="web">click</div>
Run Code Online (Sandbox Code Playgroud)

这是进程文件代码p.php

<?php
if(isset($_POST['f1'])){
    echo $_POST['f1'];
} ?>
Run Code Online (Sandbox Code Playgroud)

当我单击提交按钮时,表单正在提交,但是当我单击.webdiv时,即使我收到警报消息但没有提交,也没有提交表单.

我在这做什么错?如果我有个主意,那会很有帮助.

html javascript php forms jquery

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

如何异步启动 Spring Batch 作业

我遵循了spring 批处理文档,但无法异步运行我的工作。

所以我从 web 容器运行作业,作业将通过 REST 端点触发。

我想在完成整个工作之前获得 JobInstance ID以作为响应传递它。因此,他们可以稍后使用 JobInstance ID 检查作业的状态,而无需等待。但我无法让它工作。下面是我试过的示例代码。请让我知道我错过了什么或错了什么。

BatchConfig 使 Async JobLauncher

@Configuration
public class BatchConfig {

    @Autowired
    JobRepository jobRepository;


    @Bean
    public JobLauncher simpleJobLauncher() throws Exception {
        SimpleJobLauncher jobLauncher = new SimpleJobLauncher();
        jobLauncher.setJobRepository(jobRepository);
        jobLauncher.setTaskExecutor(new SimpleAsyncTaskExecutor());
        jobLauncher.afterPropertiesSet();
        return jobLauncher;
    }
}
Run Code Online (Sandbox Code Playgroud)

控制器

@Autowired
JobLauncher jobLauncher;

@RequestMapping(value="/trigger-job", method = RequestMethod.GET)
public Long workHard() throws Exception {
    JobParameters jobParameters = new JobParametersBuilder().
            addLong("time", System.currentTimeMillis())
            .toJobParameters();
    JobExecution jobExecution = jobLauncher.run(batchComponent.customJob("paramhere"), jobParameters);
    System.out.println(jobExecution.getJobInstance().getInstanceId());
    System.out.println("OK RESPONSE"); …
Run Code Online (Sandbox Code Playgroud)

java spring spring-batch spring-boot spring-batch-job-monitoring

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