AngularJS와 NG 스타일의 명령
예를 AngularJS와
사용 AngularJS와는 CSS 키를 사용하여 스타일을 추가 => 값 오브젝트 형식 :
<바디 NG-응용 프로그램 = "을 myApp "NG 컨트롤러 = "myCtrl">
<H1의 NG 스타일 = "myObj로 "> 튜토리얼 </ H1>
<스크립트>
var에 응용 = angular.module ( "을 myApp", []);
app.controller ( "myCtrl", 기능 ($ 범위) {
$ Scope.myObj = {
"색상": "흰색"
"배경 색": "산호"
"글꼴 크기": "60 픽셀"
"패딩": "50 픽셀"
}
});
</ 스크립트>
</ BODY>
<H1의 NG 스타일 = "myObj로 "> 튜토리얼 </ H1>
<스크립트>
var에 응용 = angular.module ( "을 myApp", []);
app.controller ( "myCtrl", 기능 ($ 범위) {
$ Scope.myObj = {
"색상": "흰색"
"배경 색": "산호"
"글꼴 크기": "60 픽셀"
"패딩": "50 픽셀"
}
});
</ 스크립트>
</ BODY>
»시도
정의 및 사용
는 HTML 요소에 대한NG 스타일의 명령은 스타일 속성을 추가 할 수 있습니다.
NG 스타일 속성 값은 객체 여야, 객체는 식으로 반환됩니다.
하는 CSS 속성과 값 키 => 값 쌍으로 개체 등록.
문법
<요소 NG 스타일 = "표현 "> </ 요소>
모든 HTML 요소는이 속성을 지원합니다.
매개 변수 값
값 | 기술 |
---|---|
현 | 그 CSS 속성 및 값으로 개체를 반환하는 식입니다. |