Así, soy nuevo en AngularJS y estoy tratando de cambiar un div de contenido después de otro, se hace clic en (este tiene un div con el contenido que quiero poner en la primera).

HTML

<div ng-controller="dCtrl">
    <ul ng-repeat="product in products">
        <li change>
            {{product.name}}
            <div class="hide">{{product.description}}</div>
        </li>
    </ul>
</div>

<div id="test"></div>

Javascript

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

app.directive("change", function() {

    return function(scope, element) {

        element.bind("click", function() {
           var message = element.children("div").text();
           console.log("breakpoint");

           angular.bind("#test", function() {
               this.text(message);
           });
        })
    }
})

app.controller("dCtrl", function($scope) {

$scope.products = [
    { "name" : "Escova XPTO", "description": "Lava tudo num instante"},
    { "name" : "Pasta de Dentes YMZ", "description": "Dentifrico do camandro"}
];

})

Sé que yo sólo podía decir:

$("#test").html(message);

Pero todavía estoy confundido acerca de la mezcla de jQuery y AngularJS, no sé si eso es una manera correcta de hacerlo

Gracias

primero de todo .. tu ng-repeat en el <ul> debe estar en el <li> se quiere que varias <li>s y no varios <ul>
De qué están tratando de hacer? Por tu pregunta, yo no puedo decir, pero desde el HTML parece que estás tratando de mostrar/ocultar la producción descripción cuando un usuario hace clic en el nombre del producto? Si es así: jsfiddle.net/sENDS
¿cuál es la .visible? La documentación no definir..o lo he perdido,
es sólo una variable I inyectado en su modelo.
Estoy tratando de pasar el {{descripción}} para que el div #prueba de que no cambie, que se puede hacer?

OriginalEl autor Bruno Teixeira | 2013-04-16

1 Comentario

  1. 5

    Instalación ng-click:

    ngClick es para hacer cosas tales como el miedo jQuery-esque las cosas que va a haber en el cambio de la directiva. Lugar ng-haga clic en su clickable del div atributos y pasar un método que cambia el $scope variable aceptado por…

    ngShow y ngHide.

    Cuando la verdad de estas directivas, como su nombre indica, mostrar u ocultar el html asociado a objeto. Puede pasar en el $scope de las variables de determinar el valor booleano. Cuando el $scope actualizaciones de estos métodos actualizar automáticamente el DOM para mostrar/ocultar el elemento.

    En la Opción 1 me tendría que usar jQuery código de derecho?
    Yo no aconsejaría el uso de jQuery ya que sin duda hay una mejor manera de hacerlo en angular.
    Cómo hacerlo en la angulares pueden merecer otra pregunta, pero probablemente ha sido contestada en algún lugar ya.
    He descubierto, gracias!
    tienes que crear un método en el interior de su controlador y se unen a ng-click. En su interior se pueden crear variables del ámbito y pase de parámetros que el cambio en las variables

    OriginalEl autor Brian Petro

Dejar respuesta

Please enter your comment!
Please enter your name here