2016년 1월 13일 수요일

[AngularJS] ng-src / ng-href

AngurlarJS가 Data binding을 할 수 있게, 속성을 ng-를 붙이고 사용해야한다.
src -> ng-src,
href -> ng-href
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- index.html -->
<html ng-app='fruitApp'>
    <head>
        <title>ng-repeat test</title>
    </head>
    <body ng-controller='bodyController'>
        <img ng-src="/image/{{fruitName}}.png"/>
        <a ng-href="/view/fruit/{{fruitName}}">fruit<a>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
        <script>
            var app = angular.module('fruitApp',[]);
            var __function = function($scope){
                // dom 로드시 컨트롤러에 의해서 호출되며, 배열에 아래 아이템을 추가한다.
                $scope.fruitName = 'jteveFruit';
            }
            app.controller('bodyController',__function);
       </script>
    </body>
</html>
cs

댓글 없음:

댓글 쓰기