小编Gau*_*mar的帖子

ng-click angularjs的表单验证

我无法在现有答案中找到解决方案,因此我发布了这个.

我有一个包含许多输入字段的表单,其中许多都是必需的.

表单中有按钮(超过2个),并使用ng-click绑定到控制器中的功能.

我需要在执行函数之前在ng-click上验证表单.

默认情况下,表单验证在函数执行后发生.如果未填写必填字段,则不应运行函数.

我创造了一个小提琴.https://jsfiddle.net/z1uyyqg9/

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.name=undefined;
        $scope.preview = function(){
            alert("Previewed");
        };
        $scope.update = function(){
            alert("Updated");
        }
    });
</script>

<div ng-app="myApp" ng-controller="myCtrl">

    <form>
        <input type="text" ng-model='name' required>
        <button ng-click='preview()'>Preview</button>
        <button ng-click='update()'>Update</button>
    </form>

</div>
Run Code Online (Sandbox Code Playgroud)

angularjs

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

角度应用授权时多次调用Ajax

应用程序有两种类型的角色:'adam'和'eve'用户可以拥有一个或另一个角色.

角色服务来获得角色:

app.factory("AuthService",function($http, $q){
    var user = undefined;
    return {
        getRoles : function(){
            var deferred = $q.defer();
            if(user !== undefined){
                deferred.resolve(user.auth);
            }else{
                $http.get("./rest/auth", {
                }).then(function(result){
                    user = result.data;
                    deferred.resolve(user.auth);
                });
            }
            return deferred.promise;
        }
    };
});
Run Code Online (Sandbox Code Playgroud)

路由按如下方式完成:

myApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when("/adam", {
            templateUrl: 'templates/adam.html',
            controller: 'AController'
        })
        .when("/eve", {
            templateUrl: 'templates/eve.html',
            controller: 'BController'
        })
        .when("/", {
            resolve: {
                load : function($q, $location, AuthService){
                    var defer = $q.defer();
                    AuthService.getRoles().then(function(data){
                        if(data === 'adam'){
                            $location.path('/adam');
                        }else{
                            $location.path('/eve');
                        }
                        defer.resolve();
                    });
                    return …
Run Code Online (Sandbox Code Playgroud)

angularjs

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

使用ajax和spring mvc上传多个文件

我正在尝试使用FormData和spring上传多个文件.

HTML:

<input type="file" name="img" multiple id="upload-files">
Run Code Online (Sandbox Code Playgroud)

JS代码:

var ajaxData = new FormData();
var files = $('#upload-files').prop('files');
for(var i=0;i<files.length;i++){
    ajaxData.append('file['+i+']', files[i]);
}
ajaxData.append("file", files);
$http.post('../rest/upload', ajaxData, {
    headers: {'Content-Type': undefined },
    transformRequest: angular.identity
});
Run Code Online (Sandbox Code Playgroud)

Spring控制器代码:

@RequestMapping(value = "/upload", produces="application/json", method = RequestMethod.POST)
@ResponseBody
public String upload(
        @RequestParam ArrayList<MultipartFile> files
){
    System.out.println(files.size());
    return null;
}
Run Code Online (Sandbox Code Playgroud)

但是,在提交具有多个文件的请求时,文件数量将为0.在使用数组表示法MultipartFile[] files而不是ArrayList时,它给出400,错误请求.

如何使弹簧控制器与多个文件一起工作?我无法找到其他SO问题的解决方案.

java ajax jquery spring spring-mvc

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

Spring MVC重定向到特定URL的jsp

我正在为AngularJS项目使用Spring MVC.

我从前缀为"/ rest/*"的网址中提供JSON.直接访问所有jsp文件,并使用angular-js处理路由.

我需要在访问jsp文件之前进行自定义验证.对于其他网址(以"/ rest/*"为前缀的网址),我已经有了过滤器.

如何配置dispatcher-servlet,以便在弹簧控制器完成验证后访问所有jsp文件.

web.xml中

<servlet-mapping>
    <servlet-name>dispatcher</servlet-name>
    <url-pattern>/rest/*</url-pattern>
</servlet-mapping>
Run Code Online (Sandbox Code Playgroud)

调度员servlet.xml中

<?xml version='1.0' encoding='UTF-8' ?>
<!-- was: <?xml version="1.0" encoding="UTF-8"?> -->
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:p="http://www.springframework.org/schema/p"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx" 
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"  
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
       http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd
       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">

    <context:component-scan base-package="com.gauti" />
    <mvc:annotation-driven />
</beans>
Run Code Online (Sandbox Code Playgroud)

spring spring-mvc

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

提示下载位置而不是直接下载

我在JavaScript中创建一个CSV元素,然后模拟单击以下载相应的文件.

但不是直接下载我希望它打开下载提示选择要下载的文件的位置.

var csvString = Papa.unparse(result,{
                                quotes: false,
                                delimiter: ",",
                                newline: "\r\n"
                        });
var a         = document.createElement('a');
a.href        = 'data:attachment/csv,' + escape(csvString);
a.download    = "download.csv";
a.click();
Run Code Online (Sandbox Code Playgroud)

如何才能做到这一点?

html javascript html5

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

从spring控制器返回JSONObject会产生406错误

我的Spring JSON应用程序的Spring控制器返回一个JSONObject.在访问网址时,我收到406错误页面.它在我返回String或ArrayList时有效.

弹簧控制器:

package com.mkyong.common.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.ArrayList;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import org.json.JSONException;
import org.json.JSONObject;

@Controller
public class JSONController {

    @RequestMapping("/test")
    @ResponseBody
    public JSONObject test() {
        try {
            JSONObject result = new JSONObject();
            result.put("name", "Dade")
                    .put("age", 23)
                    .put("married", false);
            return result;
        } catch (JSONException ex) {
            Logger.getLogger(JSONController.class.getName()).log(Level.SEVERE, null, ex);
        }
        return null;
    }

}
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?感谢帮助.我是Spring MVC的新手,无法在现有的SO答案中找到解决这个问题的方法.

java spring spring-mvc

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

golang序列化和反序列化过程中JSON属性的不同名称

是否有可能:结构体中有一个字段,但在 Golang 中序列化/反序列化期间它有不同的名称?

例如,我有结构“坐标”。

type Coordinates struct {
  red int
}
Run Code Online (Sandbox Code Playgroud)

对于 JSON 的反序列化,需要这样的格式:

{
  "red":12
}
Run Code Online (Sandbox Code Playgroud)

但是当我序列化该结构时,结果应该是这样的:

{
  "r":12
}
Run Code Online (Sandbox Code Playgroud)

json struct go

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

从Java Servlet发送巨大的json对象

Java servlet返回JSON对象.

response.setContentType("application/json");
response.getWriter().write(json.toString()); 
Run Code Online (Sandbox Code Playgroud)

JSON对象包含从表(数据库)大小获取的数据,大小> 50 MB.

在运行时,servlet会抛出此错误:

java.lang.OutOfMemoryError: Java heap space
Run Code Online (Sandbox Code Playgroud)

似乎问题在于编写json数据.服务器无法为字符串分配大小> 50 MB的连续内存.

我无法找到解决此问题的方法.如何从Servlet发送巨大的JSON对象?

java json servlets

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

在css中创建带有三角形边框的div

我正在尝试创建一个左右都有箭头的 div。没有背景,只有边框。像这样的东西:

在此输入图像描述

我可以使用 ::before 和 ::after 标签创建具有填充背景颜色的类似 div。然而,只有边界是我无法实现的。只用css可以实现吗?

https://jsfiddle.net/1g16x8p7/1/

html:

<div class="wizard">
  <a class="item">
  </a>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.item {
    display: inline-block;
    padding: 15px;
    padding-left: 25px;

    /*default styles*/
    background-color: green;
    position: relative;
  }  


 .item:before,
.item:after {
      content: "";
      height: 0;
      width: 0;
      border-width: 15px 0 15px  10px;
      border-style: solid;

      position: absolute;
      left: 100%;
      top: 0;
    }


.item:before {
          border-color: transparent transparent transparent white;
        left: 0;  
      }


.item:after {
        border-color: transparent transparent transparent green;  
      }
Run Code Online (Sandbox Code Playgroud)

css

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

标签 统计

java ×3

spring ×3

spring-mvc ×3

angularjs ×2

json ×2

ajax ×1

css ×1

go ×1

html ×1

html5 ×1

javascript ×1

jquery ×1

servlets ×1

struct ×1