Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Symfony2+AngularJS

Estas en el tema de Symfony2+AngularJS en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/09/2015, 10:21
 
Fecha de Ingreso: julio-2015
Ubicación: La Habana, Cuba
Mensajes: 13
Antigüedad: 4 años, 10 meses
Puntos: 0
Pregunta 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.

Etiquetas: angular
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:57.