2014.08.05 16:33

Isolate Scope "@"

AngularJS isolate scopes can be a bit cryptic when you are first starting out. In this lesson, John looks at the attribute or "@" designator in your isolate scopes.
  <div ng-app="drinkApp">
    <div ng-controller="AppCtrl">
      <input type="text" ng-model="ctrlFlavor">
      <div drink flavor="{{ctrlFlavor}}"></div>
    </div>
  </div>
var app = angular.module("drinkApp", []);

app.controller("AppCtrl", function($scope) {
    $scope.ctrlFlavor = "blackberry"
})

app.directive("drink", function() {
    return {
        scope: {
            flavor: "@"
        },
        template: '<div>{{flavor}}</div>'
    }
})


스코프를 분리하는 방법이 세가지 방법(@, =, &) 가 있음.


= 로 하면, {{}} 로 감싸지 않고 그냥 넣어줌.



Isolate Scope "&"

The "&" in your isolated scopes within your AngularJS application will allow you to invoke a method within the scope that your directive lives in.


디렉티브 안에 있는 매서드를 호출 할 수 있다...이런건가

























저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'[+++ JAVA +++] > - - 작성중' 카테고리의 다른 글

AndroidStudio Gradle + AspectJ  (0) 2014.10.03
AngularJs - 2  (0) 2014.08.05
Mocha - Javascript test framework  (0) 2014.07.23
[알고리즘 문제] 첩보기관 폭팔물 쌍 문제  (0) 2014.07.17
Trackback 0 Comment 0


티스토리 툴바