Cómo acceder al alcance variable widgets de chrome consola

function MyCntrl($scope) {
    $scope.widgets = [
        {text:'Widget #1', datarow:1, datacol:1, datasizex:3, datasizey:3},
        {text:'Widget #2', datarow:2, datacol:1, datasizex:3, datasizey:3},
        {text:'Widget #3', datarow:1, datacol:2, datasizex:3, datasizey:3},
        {text:'Widget #4', datarow:2, datacol:2, datasizex:3, datasizey:3}
    ];

Algo como $scope.widgets simplemente no funciona en la consola!

4 Comentarios

  1. 31

    El ámbito de aplicación está vinculada a la DOM por lo que necesita para obtener un elemento y el uso de algunas angular código para obtener el alcance.

    Su mejor apuesta es conseguir un elemento que el Controlador está obligado a echar un vistazo en el ámbito en que.

    Aquí está la respuesta
    ¿Cómo puedo acceder a el $scope variable en el navegador de la consola mediante el uso de AngularJS?

    • Gracias angular.elemento(‘[ng-controller=MyCntrl]’).ámbito de aplicación() hizo el truco
    • Asegúrese de llamar angular.element('[ng-controller=MyCntrl]').scope().$apply(); si modifica cualquier ámbito de las variables en la consola de esta manera. De lo contrario, no podrá ver los cambios.
  2. 26

    esta es una manera de llegar a alcance sin batarang. Suponiendo que se tiene referencias a jquery y angular en su página, usted puede hacer:

    var scope = angular.element($('#selectorId')).scope();

    o si usted quiere encontrar su ámbito de aplicación por el nombre del controlador de hacer esto:

    var scope = angular.element($('[ng-controller=myController]')).scope();

    Después de hacer cambios a su modelo, usted necesitará aplicar los cambios en el DOM llamando

    scope.$apply();
    • Esto se vuelve aún más potente si se utiliza el mágico builtin elemento selector. Seleccione el elemento en el árbol dom, luego de evaluar angular.elemento($0).ámbito de aplicación() en la consola
  3. 16

    Puede seguir la respuesta de la Voluntad o instalar Angular Batarang extensión de Chrome. Esto no sólo le permiten ver y manipular ‘$scope’ objeto de, digamos que su consola de JavaScript, pero también es una herramienta fundamental al desarrollo de complejas aplicaciones AngularJS.

  4. 1

    Aquí está un Ejemplo: tengo la siguiente DOM en mi angular de una Sola Página de la aplicación:

    <div ng-controller="usersAppController as uac" class="ng-scope">
        <div class="tab ng-scope is-normal is-active" id="rolesTab" ref="tabs" mode="normal" target-ref="rolesContent" xng-locals="xng.userApp.roles">Roles
        </div>
    </div>

    y este div está presente en el nombre del controlador de usersAppController como uac
    Por encima de la que tengo el controlador de la sintaxis

    Anotar también que estoy usando jQuery en mi aplicación:

    $($0).controlador() método que me va a dar un acceso directo a la uac objeto que está en el $scope objeto.

    $($0).ámbito de aplicación() me dará la cadena de prototipos para el elemento que ha seleccionado y, si sigo la cadena voy a encontrar a mi alcance objeto de ese elemento.

Dejar respuesta

Please enter your comment!
Please enter your name here