Публикации по теме 'angular-material'
Создайте таблицу угловых материалов, используя модель данных
В этом уроке мы перейдем от модели данных Stackjoy к таблице материалов Angular за пару шагов. Для этого примера мы будем использовать модель данных, которая поставляется с генераторами, но вы всегда можете создать свою собственную модель данных и, в свою очередь, быстро создать свои собственные таблицы.
Мы пойдем от модели данных:
в таблицу материалов Angular за несколько шагов:
Весь процесс описан в этой гифке
Давай начнем…
Если вы не установили stackjoy, вы..
Создайте полностью динамический компонент вкладки в Angular
Компонент вкладок является неотъемлемой частью каждого веб-приложения. Даже при этом, существует слишком мало библиотек с открытым исходным кодом, которые его предоставляют.
Angular Material предоставляет действительно гибкий и мощный компонент вкладок, но он меняет тему материала, дополнительные зависимости и рекомендации по материалам.
Создание компонента Tab похоже на параболу. Сначала он выглядит сложным, после создания некоторых базовых функций он выглядит намного проще, но..
Как добавить состояние загрузки к кнопкам Angular Material
В COYO мы используем Angular Material в качестве технической основы для нашего пользовательского интерфейса. Библиотека предоставляет множество различных директив и компонентов, которые помогут вам реализовать надежный интерфейс на основе рекомендаций Material Design . Одним из основных компонентов библиотеки являются собственные <button> или <a> элементы, усиленные стилем Material Design и рябью чернил. К сожалению, у этих кнопок отсутствует состояние загрузки,..
Уменьшение кода Boilerplate при использовании диалогового окна Angular Material
Я хотел бы поделиться тем, что я сделал, чтобы упростить использование диалогового окна Angular Material в большинстве случаев использования. То, что мы реализуем, приведет к более согласованным модальным окнам, простоте использования для новичков в вашей кодовой базе и изоляции зависимостей.
Мы сосредоточимся на трех общих случаях использования:
Тревога Подтверждение Подсказка (ввод пользователя)
Когда мы закончим, мы сможем создавать такие диалоги:
Это будет выглядеть..
Вопросы по теме 'angular-material'
Angular Material не применяет стили
У меня возникла проблема, когда я пытаюсь использовать дизайн Angular Material. Это ничего не стилизует.
Это мой HTML:
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<meta name="viewport" content="width=device-width,...
4252 просмотров
schedule
28.12.2022
Изменить высоту дизайна материала панели инструментов
Как изменить высоту панели инструментов md в дизайне материалов?
http://jsfiddle.net/g8z57Lvz/1/
На первой панели инструментов я хочу высоту от 30 пикселей и пробовал:
<md-toolbar style:"height: 30px;">
Но это вообще не...
30405 просмотров
schedule
23.02.2024
Как установить светлые цвета переднего плана для текста при использовании темной темы?
Я начинаю экспериментировать с Angular Material (точнее, с версией 0.8.3). Из кода директив, связанных с темами, и исходного кода mdThemingProvider я обнаружил, что светлый передний план определен для темной темы. Но текст для текстовых абзацев...
7199 просмотров
schedule
01.09.2022
используя раскрывающийся список выбора на нижнем листе углового материала
Я использую нижний лист в приложении, основанном на проекте материалов Angular ( https://material.angularjs.org/latest/#/demo/material.components.bottomSheet ). У меня есть форма на нижнем листе с ползунком, элементами ввода и раскрывающимся списком...
970 просмотров
schedule
31.05.2023
Как передать событие $ в функцию onEnter состояния маршрутизатора angular ui
У меня есть вопрос, возможно глупый, я использую состояние ui-router для открытия модального окна, как объяснено здесь , за исключением той части, которая модальна не в ui-bootstrap, а в angular-material $mdDialog . Как некоторые из вас знают,...
1032 просмотров
schedule
28.01.2023
Делать вкладки значков с помощью Angular Material?
Я только начинаю работать с Angular Material. Мне было интересно, есть ли способ отображать значки на вкладках вместо обычных текстовых меток. Моя проблема в том, что я использую его для создания мобильного приложения, а текст на вкладке слишком...
7805 просмотров
schedule
23.01.2023
Angular Material - добавить css к точкам в дискретном md-слайдере
Есть ли способ, которым я мог бы стилизовать точки по умолчанию в <md-slider md-discrete> ? Например. - Если бы я хотел увеличить размер точек , чтобы они были видны более отчетливо.
Любая помощь будет оценена по достоинству. Спасибо.
1289 просмотров
schedule
30.06.2023
Angular-material ng-click странная подсветка границы
У меня проблема с использованием AngularJS и Angular-Material.
Взгляните на следующий код:
<div flex="100">
<ul class="list-group">
<li class="list-group-item cursorPointer"
ng-repeat="item in array"...
30842 просмотров
schedule
24.11.2022
Показывать цикл прогресса во время публикации $http?
Как лучше всего использовать компонент Angular Material Progress circular с запрос $http ?
В настоящее время у меня есть код, подобный этому ниже:
Циркуляр прогресса:
<md-progress-circular ng-if="determinateValue === 100"...
26619 просмотров
schedule
01.06.2023
Проблемы с заполнением списка выбора с помощью angular js и php
Я пытаюсь заполнить список выбора данными из моей базы данных (php и mysql). Я работаю с AngularJs и Angular Material. Так что я не могу показать данные из БД в списке
ситуация с БД:
tblProjectType -> имя таблицы
2 rows:
id_ProjectType...
935 просмотров
schedule
02.07.2023
Как отобразить более одного $mdToast на экране
Как отобразить более одного $mdToast на экране одновременно. Я видел этот вопрос , но мне это не подходит. Например, если вы попытаетесь запустить это пару раз по событию клика, следующее скроет предыдущее уведомление:
$mdToast.show(...
3000 просмотров
schedule
05.04.2024
Cordova WebView медленнее, чем Android WebChromeClient
Вчера я попытался использовать Phonegap с веб-приложением, которое использует angularjs и материал angular. Производительность на моем устройстве (ASUS Zenfone 5 под управлением 5.0) очень низкая, включая анимацию и ввод с клавиатуры, который...
1637 просмотров
schedule
08.04.2022
потрясающий шрифт - icon icon-4x в угловом материальном дизайне
Я новичок в угловом материальном дизайне и хочу использовать большой значок с атрибутом md-icon для углового материального дизайна, то есть icon-4x.
<md-icon md-font-icon="icon-group" ng-class="icon icon-4x"></md-icon>
Заранее...
1051 просмотров
schedule
21.11.2022
Угловая анимация материала для добавления элемента в список
Привет, вы используете материал Angular и имеете список, заполненный элементами списка . По нажатию кнопки я добавляю еще один элемент в список в начале. Я хочу показать переход/анимацию, когда он добавляется в список, чтобы пользователю было...
883 просмотров
schedule
27.11.2022
как создать сетку из карточек с угловатым материалом?
Я пытаюсь создать сетку из трех карточек в строке с помощью ng-repeat. У меня есть обычный массив объектов javascript, прикрепленных к области видимости. Приведенный ниже код создаст новую строку для каждой карты.
<div layout="row"...
27047 просмотров
schedule
16.01.2022
Как очистить кеш md-autocomplete?
Я использую md-autocomplete для отображения результатов запроса API. Атрибут md-items повторяет обещание: item in getItems(searchText) .
Это работает хорошо, и при использовании кеша последующие использования одного и того же текста поиска...
7263 просмотров
schedule
27.02.2023
Замена содержимого в диалоговом окне Angular Material
Я пытаюсь создать диалоговое окно входа/регистрации, используя Angular Material. Диалог должен переключаться между страницей входа и страницей регистрации, когда вы нажимаете кнопку «Переключить».
Вот html диалога
<md-dialog>...
2718 просмотров
schedule
16.05.2023
ui-router: промежуточные шаблоны
Окончательное редактирование : рабочий планкер с включенной директивой.
Изменить : я сделал первый планкер с данным решением в первом ответе. Это работает, но это нежелательное поведение, потому что шаблон содержит все партиалы....
207 просмотров
schedule
27.02.2022
Добавить значок для углового ввода материала
Я пытаюсь добавить значок поиска в панель поиска ввода из Angular Material :
<aside class="main-sidebar">
<section class="sidebar control-sidebar-dark" id="leftMenu">
<div>
<!-- need to disable...
25990 просмотров
schedule
04.06.2022
IIFE и лучшие практики = Повышение производительности?
В пятницу я потратил некоторое время на рефакторинг приложения AngularJS, над которым работал последние несколько недель. Мой рефакторинг сосредоточился на 4 довольно специфических областях:
обертывание всего моего кода AngularJS в IIFE,...
720 просмотров
schedule
26.05.2024