Отправить условие как переменную в имя класса в angular
Я хочу присвоить условному классу div. Но моя проблема в том, что я хочу "myClassCondition" в виде строки, как показано ниже. Когда я пишу вот так <div [class] = "7 > 6 ? 'bg-red' : null"> MyText </div>, он работает отлично. Но я хочу отправить из файла .ts как переменную, как показано ниже. Как я могу это сделать?
<div [class] = "myClassCondition"> MyText </div>
-
myClassCondition = "7 > 6 ? 'bg-red' : null";
Спасибо, но в этой ссылке @SarthakAggarwal нет того, что я искал.
вы хотите отправить имя класс из .ts?
Нет, я хочу отправить условие, а не имя класса @SarthakAggarwal
Ответы 2
Вы можете попробовать следующее
.component.html
<div [class.bg-red] = "myClassCondition"> MyText </div>
.component.ts
myClassCondition = 7 > 6 ? true : false;
Спасибо за ответ @SarthakAggarwal. Это сработало. Но то, что я искал, - это ответ от selemmn. Но и эта информация мне очень помогла. Потому что я не знаю, как использовать [class.bg-red]. Я узнал новое.
Просто удалите кавычки в части Ts, чтобы
myClassCondition = 7 > 6 ? 'bg-red' : null;
@HasanOzdemir, это работает для меня, если нет проблемы с самим вашим классом (bg-red). проверьте обновленный ответ, я предоставил stackblitz;
Большое спасибо @selemmn. Но моя IDE подчеркивает код в файле .ts как ошибку.
Визуальная студия 2017
Открыл и закрыл мою IDE. и это исправлено. Еще раз спасибо @selemmn
@HasanOzdemir Добро пожаловать :)
Вы можете проверить это ссылка