2016-09-30 5 views
1

Я установил угловое-ladda с помощью браузера-прокрутки/браузера, но я не могу заставить кнопки работать правильно. Когда я нажимаю на кнопку, прядильщик находится за пределами кнопки, не важно, какой data-style я использую.Угловая-Ladda не работает должным образом с браузером-shim/браузером

Инструкции: Вы можете скачать инструкцию для установки here, но они вам не подобейте. Я закончил использовать информацию на this issue on GitHub, чтобы помочь мне, но я не уверен, что я сделал это правильно.

зависимостей моего приложения выглядит следующим образом:

require('angular').module('admin', [ 
    require('Spinner'), 
    require('Ladda'), 
    require('angular-ladda') 
]) 

Моих зависимостей между файлами package.json выглядеть следующим образом:

"dependencies": { 
    "aliasify": "^2.0.0", 
    "angular": "^1.5.7", 
    "angular-bootstrap-show-errors": "^2.3.0", 
    "angular-breadcrumb": "^0.4.1", 
    "angular-cookies": "^1.5.7", 
    "angular-ladda": "^0.4.2", 
    "angular-ui-router": "^0.3.1" 
} 

    "browser": { 
    "angular": "./node_modules/angular/angular.js", 
    "angular-breadcrumb": "./node_modules/angular-breadcrumb/release/angular-breadcrumb.js", 
    "spin.js": "./node_modules/angular-ladda/node_modules/js/spin.js" 
    } 
"browserify-shim": { 
    "angular": { 
     "exports": "angular" 
    }, 
    "angular-ladda": { 
     "depends": [ 
     "ladda" 
     ] 
    }, 
    "ladda": { 
     "exports": "Ladda", 
     "depends": [ 
     "spin.js" 
     ] 
    }, 
    "spin.js": { 
     "exports": "Spinner" 
    } 
} 

Это GIF, что конечный результат выглядит следующим образом: http://recordit.co/g2CmpETMC5.gif

ответ

0

Что я не понимал, так это то, что с помощью прокрутки браузера вам все равно нужно связать таблицу стилей. В моем случае мне пришлось скомпилировать файл css в меньший файл, используя:

@import (less) "/node_modules/angular-ladda/node_modules/ladda/dist/ladda-themeless.min.css"; 

 Смежные вопросы

  • Нет связанных вопросов^_^