trigger

by alimills

HTML

<script type="text/ng-template"  id="LabelView.html">
    <div>{{data.name}} : {{data.value}}</div>
</script>

<div ng-controller='LabelContainerCtrl'>
  <my:label trigger="dataTrigger()" data="data"></my:label>
</div>

JavaScript

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

app.directive("myLabel", function() {
    return {
        restrict: 'E',
        scope: {trigger: '=', data: '=' },
        controller: LabelCtrl,
        templateUrl: 'LabelView.html'
    };
});

LabelContainerCtrl = function($scope) {
    $scope.data = {
        name: 'old name', 
        value: 'old value'
    };
    
    $scope.dataTrigger = function() {
        console.log('data trigger');
    }
}

LabelCtrl = function($scope) {
}