Subversion Repositories bacoAlunos

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<p>Modulo Incluido contem as directivas e os templates necessários</p>
<p>Este módulo conhece o nome do módulo da App onde vai ser incluido</p>

<script>
    angular.module("demoApp").directive('tpl', function() {
        var contentUrl;
        return {
            restrict: 'E', //A ou E define se é o nome do elemento ou um atributo
            link: function(scope, element, attrs) {
                // concatenating the directory to the ver attr to select the correct excerpt for the day
                //contentUrl = attrs.templatename + '.html';

                //console.log(contentUrl);

                scope.teste = "teste";
                scope.move = function(){

                    scope.teste = "teste2modules";
                    //scope.testeSuper = "testeSuper2modules";
                    angular.element("#demoApp").scope().testeSuper = "testeSuper2modules";
                }
                scope.mudaCompName = function(comp){

                    comp.name = "NOVO NOME DO COMP MUDADO NA DIRECTIVA";
                }
            },
            // passing in contentUrl variable
            templateUrl: function(elem,attrs) {
                return "templateDirectiva";
            }
        }
    });
</script>

<script type="text/ng-template" id="directive_class">
    <div style="border: 1px solid #000000">
        <h1>DIRECTIVE CLASS TEMPLATE</h1>
        <p>COMP ELEMENTO DIRECTIVA:{{comp.name}}</p>
        <p><input type="text" ng-model="comp.name"></p>
        <tpl></tpl>
        <p>Teste no scope da directiva<p>
        <pre>
            {{teste | json}}
        </pre>
    </div>
</script>

<script type="text/ng-template" id="templateDirectiva">
    <div style="border: 1px solid green">
        <h1>templateDirectiva</h1>
        <p>TESTE</p>
        <p>{{teste}}</p>
        <p>{{testeSuper}}</p>
        <p>COMP ELEMENTO DIRECTIVA:{{comp.name}}</p>
        <button ng-click="move()">Muda Textos</button>
        <button ng-click="mudaCompName(comp)">Muda COMP NAME</button>
    </div>
</script>