Слияние кода завершено, страница обновится автоматически
В этом шаблоне приложения реализованы следующие основные возможности:
<img load-src="/img/example.jpg" />, где директива loadSrc отображает состояние загрузки изображения и плавно его выводит;.
|-- README.md
|-- assets
| |-- css
| | `-- style.css
| |-- fonts
| |-- img
| |-- js
| | |-- app.js
| | |-- bootstrap.js
| | |-- controllers
| | | |-- about-ctrl.js
| | | |-- app-ctrl.js
| | | |-- home-ctrl.js
| | | |-- index.js
| | | `-- module.js
| | |-- directives
| | | |-- index.js
| | | |-- load-src.js
| | | `-- module.js
| | |-- filters
| | | |-- index.js
| | | `-- module.js
| | |-- main.js
| | |-- routes.js
| | `-- services
| | |-- galleries.js
| | |-- gallery.js
| | |-- index.js
| | `-- module.js
| `-- partials
| |-- about.html
| |-- home.html
| `-- menu.html
|-- bower.json
`-- index.html
(1) Создайте/измените файл bower.json для установки необходимых сторонних компонентов.
{
"name": "Пример использования AngularJS + RequireJS",
"version": "0.1",
"main": "index.html",
"ignore": [
"**/.*",
"libs"
],
"dependencies": {
"angular": "latest",
"angular-bootstrap": "latest",
"angular-ui-router": "latest",
"angular-animate": "latest",
"angular-resource": "latest",
"angular-sanitize": "latest",
"angular-i18n": "latest",
"bootstrap": "latest",
"requirejs": "latest",
"requirejs-domready": "latest"
}
}
(2) Создайте/измените файл .bowerrc для указания пути хранения сторонних компонентов.
{
"directory": "assets/libs"
}
(3) Установите сторонние компоненты, используя команду:
bower install
Вы также можете установить конкретные компоненты напрямую, например:
bower install -g font-awesome
require.config({
// Добавление псевдонимов путей к библиотекам
paths: {
'domReady': '../libs/requirejs-domready/domReady',
'angular': '../libs/angular/angular.min',
'uiRouter': '../libs/angular-ui-router/release/angular-ui-router.min',
'uiBootstrap': '../libs/angular-bootstrap/ui-bootstrap-tpls.min',
'ngResource': '../libs/angular-resource/angular-resource.min'
},
// Включение не-AMD библиотек в секцию shim
shim: {
'angular': {
exports: 'angular'
},
'uiRouter': {
// зависит от Angular, аналогично ниже
deps: ['angular']
},
'ngResource': {
deps: ['angular']
},
'uiBootstrap': {
deps: ['angular']
}
},
// Запуск приложения
deps: ['./bootstrap']
});
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )