powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / angular2. помогите оптимизировать кусочек верстки
8 сообщений из 8, страница 1 из 1
angular2. помогите оптимизировать кусочек верстки
    #39432669
TsHeloWorlder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Привет. Подскажите, как можно переписать этот фрагмент кода более эффективно:

Код: html
1.
2.
3.
4.
5.
6.
                <td>
                    <span *ngIf="order.status == 0"></span> 
                    <span *ngIf="order.status == 1" class="glyphicon glyphicon-tasks" style="color:red;"></span>
                    <span *ngIf="order.status == 2" class="glyphicon glyphicon-tasks" style="color:blue;"></span>
                    <span *ngIf="order.status != 0">{{order.comment}}</span>
                </td>



Алгоритм простой:
если статус заявки 0, то в ячейке таблицы ничего не должно вывестись.
если стастус 1, то в ячейке нужно вывести глификон с цветом red и вывести Комент
если статус 2, то все, как в статусе 1 - вывести тот же глификон и Комент, но только с цветом blue.
Т.е. в ячейчку должно: либо ничего не выводится, либо текст и глификон с заданным цветом.

Я думал о том, чтобы применить что-то типа такого
Код: html
1.
[ngClass]="{'glyphicon glyphicon-minus-sign': isOn}"



но я не пойму, как сконфигурировать ngClass, в ситуации, когда ничего не должно вывестись (статус 0), и также как там задать цвет.

Также я думал о более простом варианте:
Код: html
1.
[style.background-color]="getStyle()"



Но он не подходит в ситуации, когда мне ничего не нужно выводить вообще (статус 0).
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432691
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
TsHeloWorlder , span должен быть один. Его значение и имя класса для оформления должны определить фильтры.
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432693
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa span должен быть один
Т.е. в твоем случае два. Первый у тебя отвечает за какое-то оформление?
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432750
TsHeloWorlder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

В первый выводится глификон, во втором текст. В результате либо должны отображатся оба элемента, либо ни один из них. Но также у глификона может быть отличный цвет.
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432753
TsHeloWorlder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsakrvsa span должен быть один
Т.е. в твоем случае два. Первый у тебя отвечает за какое-то оформление?

так один или два ? пример кода можете дать ?
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
TsHeloWorlderВ первый выводится глификон, во втором текст.
Значит элементов должно быть два.
Показ и оформление настраивается фильтрами. Ранее для этого были
http://angular-doc.herokuapp.com/api/ng.directive:ngHide
или
http://angular-doc.herokuapp.com/api/ng.directive:ngShow
и
http://angular-doc.herokuapp.com/api/ng.directive:ngClass
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39432867
TsHeloWorlder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

Наверное просто не понимаю, что вы хотите сказать. Не вижу, как это поможет написать данную разметку на Ангуляре 2 то ? :(
...
Рейтинг: 0 / 0
angular2. помогите оптимизировать кусочек верстки
    #39433124
TsHeloWorlder
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть у кого идея ? Можно ли этот код переписать эффективней ?

Спрашиваю ради обучения. Сейчас этот код выполняет свою функцию, но он мне не нравится. Хотелось бы узнать лучшую альтернативу, изучить ее, улучшить свои знания.
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / angular2. помогите оптимизировать кусочек верстки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]