Symfony2+AngularJS Hola mi gente quiero vincular estos fantasticos framework angularjs para el front-end y symfony para el back-end, pero no se como hacerlo. pregunte y me dijeron que no hace falta ningun bundle para utilizar angularjs dentro de symfony2. pero hice este ejemplo y no me sale nada.
en symfony (archico base.html.twig)
<!DOCTYPE html>
<html ng-app="App">
<head>
<meta charset="UTF-8" />
<title>{% block title %}Welcome!{% endblock %}</title>
<meta name="descripcion" content="{%block metadesc%}Metadescripcion{%endblock%}"/>
{% block stylesheets %}
<link rel="stylesheet" href="{{asset('bundles/desymfony/css/bootstrap.css')}}"/>
<link rel="stylesheet" href="{{asset('bundles/desymfony/css/docs.css')}}"/>
<link rel="stylesheet" href="{{asset('bundles/desymfony/css/bootstrap-responsive.css')}}"/>
<link rel="stylesheet" href="{{asset('bundles/desymfony/css/style.css')}}"/>
<link rel="stylesheet" href="{{asset('bundles/desymfony/css/style.responsive.css')}}"
{% endblock %}
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
</head>
<body ng-controller="prueba">
{% block body %}
{% endblock %}
{% block javascripts %}
<script src="{{asset('bundles/desymfony/angular/angular.js')}}"/>
<script src="{{asset('bundles/desymfony/angularControllers/controllers.js')}}"/>
<script src="{{asset('bundles/desymfony/angularServices/services.js')}}"/>
<script src="{{asset('bundles/desymfony/js/jquery.js')}}"/>
<script src="{{asset('bundles/desymfony/js/application.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-affix.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-alert.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-button.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-carousel.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-collapse.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-dropdown.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-modal.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-popover.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-scrollspy.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-tab.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-tooltip.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-transition.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap-typeahead.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/bootstrap.min.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/angular.js')}}"></script>
<script src="{{asset('bundles/desymfony/js/functions.js')}}"></script>
{% endblock %}
</body>
</html>
symfony (archivo mostrar.html.twig)
{# empty Twig template #}
{%extends "::base.html.twig"%}
{%block title%}
Suma
{%endblock%}
{%block body%}
{% verbatim %}
<div>
<form>
<fieldset>
<legend>
<span>{{fDatos.Result}}</span>
<label>Numero 1</label>: <input type="text" ng-model="n1" placeholder="número">
<label>Numero 2</label>: <input type="text" ng-model="fDatos.n2" placeholder="número">
<button ng-click="Suma()">Sumar</button>
</legend>
</fieldset>
</form>
</div>
{% endverbatim %}
{%endblock%}
archivo controllers.js
/* Controllers */
angular
.module("App", [])
.controller("prueba",prueba);
function prueba($scope)
{
$scope.fDatos = {};
$scope.Suma = function()
{ $scope.fDatos.Result = parseInt($scope.fDatos.n1) + parseInt($scope.fDatos.n2);
}
}
nada colegas no me funciona cuando le doy al boton de la vista, deberia sumar y dejarme el valor en la variable fDatos.Result del modelo
por fa ayuda
salu2.
