https://blogs.aws.amazon.com/application-management/post/TxFRDMTMILAA8X/Send-ECS-Container-Logs-to-CloudWatch-Logs-for-Centralized-Monitoring

신고

angularjs 에서 다른 dom element event 에 대해서는 모두 확인을 해본 것은 아니지만

일반 text input, radio change, select option change 등과 같은 여러 form input 요소들에 대해서는

change 등과 같은 event 에 대해서 function 을 정상적으로 binding 할 수 있음을 확인하였습니다.


하지만, file type 에 대해서는 정상적으로 event 가 binding 되질 않아서 삽질을 좀 했었습니다.


그러다 구글신을 영접하여 문제를 해결했습니다.


angularjs document 에선 못본 것 같아서 공유합니다.


<input type='file' ng-change='somethingChange' />

에 대해서는 ng-change 요소가 먹히질 않습니다.


때문에 custom 요소를 직접 만들어주어야 합니다.


여기에 작성하는 html, angularjs (, javascript) 모두 아래 참조에 둔 링크와 같은 코드가 될테니

따로이 코드를 작성하진 않겠습니다.


아래의 링크를 참조해주시기 바랍니다.



참고 : http://stackoverflow.com/questions/17922557/angularjs-how-to-check-for-changes-in-file-input-fields/19647381#19647381

신고

'Programming > angularjs' 카테고리의 다른 글

angularjs : input file field change event  (0) 2015.07.08

자바에서는 json parser 로 jackson 을 많이 쓰네요. (라기 보단 이젠 논란없이 그냥 이것만 쓰는듯.)


제목처럼 jackson 은 Object (pure bean) 를 json 형태의 pretty text 로 serialize 할 때 자주 씁니다.

물론 json type으로 pretty text를 Object 로 deserialize 할 때도 당연히 쓰겠죠.


Object 를 serialize 할 때 종종 의도하지 않게

결과 text 가 나오는 경우가 있습니다.


예를 들어

class User {
   private String name;
   private String email;
   private int age;
   private String homepage;
   private List<education> education;
   private List<string> hobby;
   getter...
}

위 User 라는 클래스를 객체로 생성한 후에 jackson 을 이용하여 serialize 할 경우에

위에 작성된 field 순서대로 되지 않을 수 있습니다.

일반적으로 꼬입니다.


그래서 만약 field 순대로 serialize 할 때 순서를 주고 싶거나,

field 를 원하는 순서대로 serialize 하고 싶다면.


jackson 의 JsonPropertyOrder annotation 을 사용해야합니다.

예를 들어 위 class 의 순서를 field 순서대로 하고 싶다면

@JsonPropertyOrder({"name", "email", "age", "homepage", "education", "hobby"})

위 와 같은 annotation 을 serialize 할 class 명 위에 작성해주어야 합니다.


덧) 참고로, User 의 field 중 참조하는 type 이 String 이나 primitive 가 아니라고 마찬가지 pure bean 이라면 참조되는 bean 의 각 field 도 위와 같이 동일하게 해줄 수 있습니다.


출처 : http://jackson.codehaus.org/1.7.3/javadoc/org/codehaus/jackson/annotate/JsonPropertyOrder.html



신고