Bluradmin startup note 2

Continuar


Si bluradmin puede arrancar de forma segura localmente
Añadir página
Aquí está el método para añadir páginas
https://akveo.github.io/blur-admin/articles/013-create-new-page/
Salta si el inglés no es bueno, así que toma nota.

Añadir nueva página


Más adelante creará la página "mi nueva página".

Crear carpeta


Cree mi nueva página debajo de src/APP/pages.

Crear un archivo de módulo


Mynewpage. Módulo. Cree un nuevo archivo js y escriba el siguiente código
(function () {
  'use strict';

  angular.module('BlurAdmin.pages.myNewPage', [])
      .config(routeConfig);

  /** @ngInject */
  function routeConfig() {

  }
})();
Página. Módulos. A ñadir una referencia de módulo a un archivo js
  angular.module('BlurAdmin.pages', [
    'ui.router',

    'BlurAdmin.pages.dashboard',
    'BlurAdmin.pages.ui',
    'BlurAdmin.pages.components',
    'BlurAdmin.pages.form',
    'BlurAdmin.pages.tables',
    'BlurAdmin.pages.charts',
    'BlurAdmin.pages.maps',
    'BlurAdmin.pages.profile',

    'BlurAdmin.pages.myNewPage',
  ])

Crear archivo de vista


Mi nueva página. Versión de producción).

A ñadir una referencia a una vista en un archivo de módulo

(function () {
  'use strict';

  angular.module('BlurAdmin.pages.myNewPage', [])
      .config(routeConfig);

  /** @ngInject */
  function routeConfig($stateProvider) {
    $stateProvider
        .state('myNewPage', {
          url: '/myNewPage',
          templateUrl: 'app/pages/myNewPage/my-new-page.html',
          title: 'My New Page',
          sidebarMeta: {
            order: 10,
          },
        });
  }
})();
Tenga en cuenta que no se mostrará en el menú de alimentos no básicos sin sidebarmeta
Las opciones del submenú son las siguientes
https://akveo.github.io/blur-admin/articles/051-sidebar/

Confirmar


Realice la construcción desde el iniciador de tareas y confirme el archivo completo en el navegador.
El menú está listo.

Luego agregue características de una buena manera.

Realización de la función de búsqueda



Recuperar la Caja en la página superior de abajo.
SRC\\app\\theme\\components\\pagetop
El botón de búsqueda y la búsqueda inicial () están configurados en la vista
El método startsearch () no se implementa en ninguna parte.

Por lo tanto, se hace un controlador y se a ñade un método de búsqueda inicial.
    angular.module('BlurAdmin.theme.components')
        .controller('PageTopCtrl', PageTopCtrl);
    /** @ngInject */
    function PageTopCtrl($scope, $rootScope) {
        $scope.startSearch = function () {
        }
    }
Debido a que el método startsearch está vinculado a la búsqueda START en el lado de vista, el procesamiento de recuperación está disponible.
Debido a que esto sólo se puede manejar con pagetopctrl, trate de transmitir startsearch.
El Código es el siguiente.

(function () {
    'use strict';

    angular.module('BlurAdmin.theme.components')
        .directive('pageTop', pageTop);

    /** @ngInject */
    function pageTop() {
        return {
            restrict: 'E',
            templateUrl: 'app/theme/components/pageTop/pageTop.html',
            controller: 'PageTopCtrl',
        };
    }

    angular.module('BlurAdmin.theme.components')
        .controller('PageTopCtrl', PageTopCtrl);
    /** @ngInject */
    function PageTopCtrl($scope, $rootScope) {
        $scope.startSearch = function () {
            $rootScope.$broadcast('startSearch', $scope.searchString);
        }
    }
Originalmente, dónde se procesa la Caja de recuperación de la columna superior (qué función es responsable de la recuperación)
¿En lugar de establecer la Caja de búsqueda para buscar qué? También puede cambiar dependiendo del tratamiento
En primer lugar, supongamos que usted está recuperando mi nueva página que acaba de añadir.
Cree el controlador mynewpage Ctrl en el módulo mynewpage y acepte el evento Broadcast con $on añadido.
angular.module('BlurAdmin.pages.myNewPage')
    .controller('myNewPageCtrl', myNewPageCtrl);

/** @ngInject */
    function myNewPageCtrl($scope) {
        //startSearchイベントを受け取る
        $scope.$on('startSearch', function (event, searchString) {
            $scope.searchString = searchString;
        });
    }
De esta manera, cuando se muestra mi nueva página, se recupera recuperando la Caja
Puede capturar eventos y realizar el procesamiento dentro de mynewpage Ctrl.