AngularJS Local Scope Property Sample

drink.js

/*
local scope property
<div ng-app="drinkApp">
    <div ng-controller="AppCtrl">
        <div drink flavor="strawberry"></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>'
        /*
        scope: {flavor: "@"}
           ===
        link: function(scope, element, attrs) {
            scope.flavor = attrs.flavor;
        }*/
    }
})