AngularJS ng-init를 이용한 여러가지 초기화방법

JAVA/AngularJS 2016. 1. 28. 14:22

정수 초기화

<div ng-app="" ng-init="quantity=1;cost=5">

<p>Total in dollar: {{ quantity * cost }}</p>

</div>




<div ng-app="" ng-init="quantity=1;cost=5">

<p>Total in dollar: <span ng-bind="quantity * cost"></span></p>

</div>


스트링 값 초기화

<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>The name is {{ firstName + " " + lastName }}</p>

</div>



<div ng-app="" ng-init="firstName='John';lastName='Doe'">

<p>The name is <span ng-bind="firstName + ' ' + lastName"></span></p>

</div>




객체형태로초기화 

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">


<p>The name is {{ person.lastName }}</p>

</div>



<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">

<p>The name is <span ng-bind="person.lastName"></span></p>

</div>



배열로 초기화하는 방법

div ng-app="" ng-init="points=[1,15,19,2,40]">


<p>The third result is {{ points[2] }}</p>

</div>

저작자표시 비영리 변경금지

'JAVA > AngularJS' 카테고리의 다른 글

AngularJS  (0) 2016.01.28
AngularJS 흔히 알고있는 Print와 같은 {{}}  (0) 2016.01.28
AngularJS 변수초기화해주는 NG-INIT  (0) 2016.01.28
AngularJS 시작  (0) 2016.01.28
블로그 이미지

왕왕왕왕

왕

,

AngularJS

JAVA/AngularJS 2016. 1. 28. 14:09

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

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>


Module 

var app = angular.module('myApp', []);


Controller

app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});


출력 First Name : John

       Last Name : Doe


Full Name : John Doe



저작자표시 비영리 변경금지

'JAVA > AngularJS' 카테고리의 다른 글

AngularJS ng-init를 이용한 여러가지 초기화방법  (0) 2016.01.28
AngularJS 흔히 알고있는 Print와 같은 {{}}  (0) 2016.01.28
AngularJS 변수초기화해주는 NG-INIT  (0) 2016.01.28
AngularJS 시작  (0) 2016.01.28
블로그 이미지

왕왕왕왕

왕

,

AngularJS 흔히 알고있는 Print와 같은 {{}}

JAVA/AngularJS 2016. 1. 28. 14:00

<div ng-app="">
  <p>My first expression: {{ 5 + 5 }}</p>
</div>


출력 My first expression: 10


앵귤러는 OUTPUT을  {{}} 두번괄호 안에 작성하게된다.


흔히알고 있는 PRINT문처럼  식을 사용하여 합산 결과를 확인 할 수도 있다.

저작자표시 비영리 변경금지

'JAVA > AngularJS' 카테고리의 다른 글

AngularJS ng-init를 이용한 여러가지 초기화방법  (0) 2016.01.28
AngularJS  (0) 2016.01.28
AngularJS 변수초기화해주는 NG-INIT  (0) 2016.01.28
AngularJS 시작  (0) 2016.01.28
블로그 이미지

왕왕왕왕

왕

,

AngularJS 변수초기화해주는 NG-INIT

JAVA/AngularJS 2016. 1. 28. 13:52

<div ng-app="">

  <p>Name : <input type="text" ng-init="firstname='john'">

  <h1>The name is {{firstname}}</h1>

  <p ng-bind='firstname'></p>

</div>


1. ng-init에 firstname=john 이라고 초기화해줬다.

2. h1태그에서 firstname을 불러와서 john을 출력해줬다.

3. p태그에 정의해준 firstname으로 ng-bind지시자를 사용해 john을 부를 수있다.




같은 기능으로 


data-ng-init와  data-ng-bind를사용 할 수도있다. 똑같다.









저작자표시 비영리 변경금지

'JAVA > AngularJS' 카테고리의 다른 글

AngularJS ng-init를 이용한 여러가지 초기화방법  (0) 2016.01.28
AngularJS  (0) 2016.01.28
AngularJS 흔히 알고있는 Print와 같은 {{}}  (0) 2016.01.28
AngularJS 시작  (0) 2016.01.28
블로그 이미지

왕왕왕왕

왕

,

AngularJS 시작

JAVA/AngularJS 2016. 1. 28. 13:39

<%@ page language="java" contentType="text/html; charset=EUC-KR"

    pageEncoding="EUC-KR"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>Insert title here</title>

</head>

<body>


<div ng-app="">

  <p>Name : <input type="text" ng-model="name">

  <h1>Hello {{name}}</h1>

  <p ng-bind='name'></p>

</div>

</body>

</html>



1. 앵귤러JS사용 하려면 스크립트경로를 추가해줘야된다.

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


2,NG-APP은 <DIV> 요소는 AngularJS 응용 프로그램의 "소유자"입니다 AngularJS을 알려줍니다.


NG-MODEL은 애플리케이션 변수 이름 입력 필드의 값을 결합한다.


NG-BIND 지시문은 응용 프로그램 변수 이름에 <P> 요소의 innerHTML을 결합한다.



출력결과


input에 123을 작성하게 되면


{{name}}에 123이 입력되고


동시에 바인드된 <p>태그에서도 123이 작성된다.




저작자표시 비영리 변경금지

'JAVA > AngularJS' 카테고리의 다른 글

AngularJS ng-init를 이용한 여러가지 초기화방법  (0) 2016.01.28
AngularJS  (0) 2016.01.28
AngularJS 흔히 알고있는 Print와 같은 {{}}  (0) 2016.01.28
AngularJS 변수초기화해주는 NG-INIT  (0) 2016.01.28
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 디바이스 및 브라우저 체크

JAVA/자바스크립트 2015. 11. 26. 16:42
<script type="text/javascript">
//check browser
var isie=(/msie/i).test(navigator.userAgent); //ie
var isie6=(/msie 6/i).test(navigator.userAgent); //ie 6
var isie7=(/msie 7/i).test(navigator.userAgent); //ie 7
var isie8=(/msie 8/i).test(navigator.userAgent); //ie 8
var isie9=(/msie 9/i).test(navigator.userAgent); //ie 9
var isfirefox=(/firefox/i).test(navigator.userAgent); //firefox
var isapple=(/applewebkit/i).test(navigator.userAgent); //safari,chrome
var isopera=(/opera/i).test(navigator.userAgent); //opera
var isios=(/(ipod|iphone|ipad)/i).test(navigator.userAgent);//ios
var isipad=(/(ipad)/i).test(navigator.userAgent);//ipad
var isandroid=(/android/i).test(navigator.userAgent);//android
var device;
if(isie7 || isie8 || isie9){
 isie6=false;
}
if(isie9){
 isie=false;
}
if(isapple || isios || isipad || isandroid){
 alert("모바일기기로 접속하였습니다.");
 window.location = "../rs/main.jsp?dvType=m";
 
}else{
 alert("PC로 접속하였습니다.");
 window.location = "../rs/main.jsp?dvType=p";
}
</script>


저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 컨트롤러 -> jsp json 넘겨주기  (0) 2016.08.30
자바스크립트 자바 to 자바스크립트 json데이터 받기  (0) 2016.08.29
자바스크립트 라디오 체크확인  (0) 2015.10.30
자바스크립트 submit하기  (0) 2015.08.25
자바스크립트 htstory 객체  (0) 2015.08.13
블로그 이미지

왕왕왕왕

왕

,

자바 오류

JAVA/자바 2015. 11. 21. 14:52
오류:java.lang.UnsatisfiedLinkError: Cannot load 32-bit SWT libraries on 64-bit JVM

해결:32bit JVM을사용해야된다. 라이브러리가 32bit이기때문에

 

오류:java.security.NoSuchProviderException No such provider: BC'

해결:

//bcprov-jdk jar 라이브러리를 찾아서 넣어주고 아래코드 작성하면된다.

Security.addProvider(new org.bouncycastle.jce.provider.BouncyCastleProvider());


 

저작자표시 비영리 변경금지

'JAVA > 자바' 카테고리의 다른 글

자바 POI라이브러리로 엑셀파일 읽고쓰기  (0) 2016.02.10
자바 JFileChooser  (0) 2016.02.10
자바 ARC4 암호화  (0) 2015.11.21
자바 멀티파트  (0) 2015.11.02
자바 스트림 종류  (0) 2015.10.29
블로그 이미지

왕왕왕왕

왕

,

자바 ARC4 암호화

JAVA/자바 2015. 11. 21. 14:33

package runtime;

import java.security.Security;

import javax.crypto.Cipher;
import javax.crypto.spec.SecretKeySpec;

public class RutimeTest {

 public static void main(String[] args) throws Exception{
  // TODO Auto-generated method stub

  byte[] input = "1234567890".getBytes();
  byte[] keyBytes = "input123".getBytes();

  
  SecretKeySpec key = new SecretKeySpec(keyBytes, "ARC4");
  Security.addProvider(new org.bouncycastle.jce.provider.BouncyCastleProvider());
  Cipher cipher = Cipher.getInstance("ARC4", "BC");

  //인코딩
  byte[] cipherText = new byte[input.length];

  cipher.init(Cipher.ENCRYPT_MODE, key);

  int ctLength = cipher.update(input, 0, input.length, cipherText, 0);

  ctLength += cipher.doFinal(cipherText, ctLength);

  System.out.println("cipher text: " + new String(cipherText));
  
  //디코딩

  byte[] plainText = new byte[ctLength];

  cipher.init(Cipher.DECRYPT_MODE, key);

  int ptLength = cipher.update(cipherText, 0, ctLength, plainText, 0);

  ptLength += cipher.doFinal(plainText, ptLength);

  System.out.println("plain text : " + new String(plainText));

 }
}

 

라이브러리 다운받고해야됨

 

bcprov/bcprov-jdk15on-1.52.jar.zip( 2,482 k)

 

저작자표시 비영리 변경금지

'JAVA > 자바' 카테고리의 다른 글

자바 JFileChooser  (0) 2016.02.10
자바 오류  (0) 2015.11.21
자바 멀티파트  (0) 2015.11.02
자바 스트림 종류  (0) 2015.10.29
자바 이미지파일 전송 클라이언트쪽  (0) 2015.10.29
블로그 이미지

왕왕왕왕

왕

,

공지사항

태그목록

글 보관함

달력

«   2024/07   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

티스토리툴바