Карма + Жасмин Прям в офф доке есть вся нужная информация

Здравствуйте. Подскажите вопрос вроде несложный но пока ответа я нигде не нашел (вопрос нубский но я тоьлко изучаю первый ангуляр): Есть чекбокс со своим тру-фолс-велью и ng-model и есть инпут также со своей ng-model и вот при тру надо ставить в этот инпуст кастомное значение. Везде в доках написано как поставить значение из тру-фолса внутрь но не кастомное при чекеде и не в инпут а просто внутрь обычного элемента. иил хотябы киньте каким мануалом подобным

Здравствуйте. Подскажите вопрос вроде несложный но пока ответа я нигде не нашел (вопрос нубский но я тоьлко изучаю первый ангуляр): Есть чекбокс со своим тру-фолс-велью и ng-model и есть инпут также со своей ng-model и вот при тру надо ставить в этот инпуст кастомное значение. Везде в доках написано как поставить значение из тру-фолса внутрь но не кастомное при чекеде и не в инпут а просто внутрь обычного элемента. иил хотябы киньте каким мануалом подобным

привет ето не то? https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

привет ето не то? https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

нет это я смотрел там можно привязатся тлько к тру-фолс велью но они у чекбокса свои мне жэе надо брать кастомное значение и ставитиь его внутрь инпута у которого есть свое значение в нж-модели пришедшее по апихе

брать с какого елемента нужно?

со спана который лежит сразу за инпутом

Карма + Жасмин Прям в офф доке есть вся нужная информация

Понял, поищу, спс

на ум приходит разе что поцепить какую то ф-цию на онклик

в ней проверять чек-анчек и по результатам вставлять как то в инпут

а вот так тоже не подходит? $scope.myVariable = 'privet'; <input type="checkbox" ng-model="checkboxModel.value1"> <span>{{myVariable}}</span> <input type="text" ng-model="myVariable" ng-show="checkboxModel.value1" />

ng-show показывает и скрывает элемент а не заменяет. у меня такая структура что бы было понятно малоли: <input type="checkbox" ng-model="checkboxModel.value1" ng-true-value="1" ng-false-value="0"> <input type="text" ng-model="myVariable" /> <span>{{myVariable2}}</span>и при чеканьи чекбокса в тру надо взять myVariable2 и впендюрить внутрь инпута

А если ng-change на чекбоксе с этой логикой поставить?

А если ng-change на чекбоксе с этой логикой поставить?

ну да я пока только этот придумал что бы юзать ф-цию в ней проверять чек-анчек и если тру то менять ng-model="myVariable" у инпута

<input type="checkbox" ng-model="checkboxModel.value1" ng-true-value="1" ng-false-value="0"> <input type="text" ng-model="checkboxModel.value1 == 1 ? myVariable2 : myVariable1" /> <span>{{myVariable2}}</span>

хм интересное решение только как то попахтвает немного костыльностью:)

да и консоль ругаеться

наверно нужно делать через функции

ну да я пока только этот придумал что бы юзать ф-цию в ней проверять чек-анчек и если тру то менять ng-model="myVariable" у инпута

Мне кажется это вполне хорошим решением в общем случае

Что за мракобесие)

обновляйте данные ЯВНО

потом придет другой разраб и будет карту сокровищ разгадывать сидеть

ng-model="checkboxModel.value1 == 1 ? myVariable2 : myVariable1" оч жоска, не далайте так плз

Вот даже китайские боты пришли сказать что это плохо

Ну в модели наверное просто не выражение ожидается

Я вот тоже против любой логики в шаблонах

обновляйте данные ЯВНО

подскажи что ты имеешь в виду? как явно? т.к. пока только через ng-change чекбокса придумалось

+ там еще затык есть что вот все это барахло находится внутри ng-repeat т.е. свой чекбокс должен относится к совему же инпуту блин

+ там еще затык есть что вот все это барахло находится внутри ng-repeat т.е. свой чекбокс должен относится к совему же инпуту блин

У если есть нг репит, значит есть возможность достучаться до конкрентного элемента <div ng-repeat=“item in list”> <input type=“text” ng-model=“item.text”/> <input type=“checkbox” ng-model=“item.checked” ng-change=“resolveInputValue(item)” /> </div> Внутри функции резолв меняешь значение текста у нужного элемента, который там будет в качестве параметра

У объекта меняешь text - модель обновляется - профит

Можно как нибудь в инспекторе браузера остановить выполнения цикла обновления ангуляр, я не могу стили поменять, они рефрешатся все время 😡😡

Можно как нибудь в инспекторе браузера остановить выполнения цикла обновления ангуляр, я не могу стили поменять, они рефрешатся все время 😡😡

Что ты хочешь сделать?

А, сори за некропост, не увидел время

У если есть нг репит, значит есть возможность достучаться до конкрентного элемента <div ng-repeat=“item in list”> <input type=“text” ng-model=“item.text”/> <input type=“checkbox” ng-model=“item.checked” ng-change=“resolveInputValue(item)” /> </div> Внутри функции резолв меняешь значение текста у нужного элемента, который там будет в качестве параметра

Спасибо как раз так и сделал. думал модет как то можно было покрасивей оформить через нативные ф-ции ангуляра.

Админ боты удаляй

@jashka_jashka

Доброго времени суток. Есть вопрос по поводу кибаны. Ставлю модуль кибаны в зависимости к моему модулю, но не могу получить доступ у директивам этого модуля. Если в этом же файле создать новую директиву для модуля 'kibana', то она будет доступна в моем плагине, директивы же объвленные где-то еще - нет. Например, эта http://i.prntscr.com/QNJKvCusQeeh5L02QKObRA.png или любая другая из кода самой кибаны.

допустим, это директива http://i.prntscr.com/mxE5BKBqSpemwbT2Pw3v2Q.png доступна в моем плагине вне зависимости от того, в каком модуле я ее объявлю - в модуле плагина или кибаны.

Ребят, как задать стиль компоненту? В DOM появляется как <my-component></my-component>. Мне нужно ширину компонента установить как 100%. Можно каждому устанавливать через ng-style. А можно как-нибудь сделать это одноразово в описании компонента?

Ребят, как задать стиль компоненту? В DOM появляется как <my-component></my-component>. Мне нужно ширину компонента установить как 100%. Можно каждому устанавливать через ng-style. А можно как-нибудь сделать это одноразово в описании компонента?

my-component { /* styles */ } my-component span .......типа так, если юзаешь preprocessor css то внутри уже пиши

Прям по названию компонента стайлить?

Опасно, конечно. Но попробую. Спасибо

В объявлении директивы link может принимать же element и стилизуй его как хочешь.

В объявлении директивы link может принимать же element и стилизуй его как хочешь.

ага, а внутренние элементы будешь по дому вытягивать потом для оформления ?

Опасно, конечно. Но попробую. Спасибо

чем опасно, это даже лучше, scoped style

В объявлении директивы link может принимать же element и стилизуй его как хочешь.

Я говорю не про директиву, а про компонент

Так в ангуларджс компоненты и есть директивы по сути.

-_-

Привет, может кто помочь с ангуляром?

ребят, че-то туплю с ngOptions есть массив объектов [{id:1, name: 'Вася'},{id:2, name: 'Леша'},] как мне в option value отдать id, а для отображения name?

<select ng-model="selectedItem"> <option ng-repeat="item in list" value="{{item.id}}">{{item.name}}</option> </select>

а если с ngOptions?)

https://docs.angularjs.org/api/ng/directive/ngOptions

'track by ..'

Привет, может кто помочь с ангуляром?

?

'track by ..'

спасибо, но теперь почему то нет selected и пустой option есть, хм

ngModel должен иметь ссылку на индекс масива

или хеш обьекта

в примере есть

есть массив объектов [{id: 1, status_code: 'new'},{id: 2, status_code: 'canceled'}] есть массив статусов [{name : 'новый', code': 'new'}, {name : 'отменен', code': 'canceled'},] и вот, прохожусь по первому массиву ng-repeat и внутри использую ng-options для статусов <div ng-repeat="item in Obj.models.items"> <select ng-model="item.status_code" ng-options="status.name for status in Obj.models.statuses track by status.code" class="form-control"></select> </div> что я делаю не так?)

Подскажите ответ на глупый вопрос. У меня в директиве ng-show условие. В этом условии 2 функции, первая возвращает тру, а вторая false. между функциями стоит &&. Почему элемент все равно показывается?

потому что true && false === false

ой, сори не так прочел

Подскажите ответ на глупый вопрос. У меня в директиве ng-show условие. В этом условии 2 функции, первая возвращает тру, а вторая false. между функциями стоит &&. Почему элемент все равно показывается?

а в ng-show разве можно 2 условия? попробуй ng-show='true && false' или 'false && true'

он вроде только первое берет

он вроде только первое берет

нет, это для ||.

нет, это для ||.

я понимаю, я не про JS вообще, а про angular, а ещё точнее про ng-show.. он не смотрит есть ли там и/или.. а берет первое совпадение вообще

я понимаю, я не про JS вообще, а про angular, а ещё точнее про ng-show.. он не смотрит есть ли там и/или.. а берет первое совпадение вообще

Нет, он парсит выражение целиком и запихнуть ты туда можешь хоть цепочку из 10 методов, он все распарсит

Подскажите ответ на глупый вопрос. У меня в директиве ng-show условие. В этом условии 2 функции, первая возвращает тру, а вторая false. между функциями стоит &&. Почему элемент все равно показывается?

слыхал ли ты про такие слова как guard и default?

а в ng-show разве можно 2 условия? попробуй ng-show='true && false' или 'false && true'

Ожидаемый эффект. true && true - показывается. true && false не показывается

слыхал ли ты про такие слова как guard и default?

А причем тут они?

Подскажите ответ на глупый вопрос. У меня в директиве ng-show условие. В этом условии 2 функции, первая возвращает тру, а вторая false. между функциями стоит &&. Почему элемент все равно показывается?

вот у тебя конструкция в ng-show гардовая

Ожидаемый эффект. true && true - показывается. true && false не показывается

у меня просто было такое, что true && false срабатывало и показывало.. приходилось делать по другому.. 😞 не помню правда как давно и при каких условиях

А причем тут они?

Вы уверены, что ни один из классов не перебивает то, что вешает ангуляр? Насколько я помню, в первом вешается класс с display: none !important

Вы уверены, что ни один из классов не перебивает то, что вешает ангуляр? Насколько я помню, в первом вешается класс с display: none !important

Уверен, при 1 функции в ng-show все работает исправно.

А причем тут они?

при ng-show отображаются елементы если в условии зотя бы один тру

при ng-show отображаются елементы если в условии зотя бы один тру

А почему тогда сейчас при проверке задал ng-show = "true && false" и работало как надо? (т.е. не отображалось)

если такой странный кейс, то почему бы не обойти и не написать одну функцию которая вернет func1() && func2()?

А почему тогда сейчас при проверке задал ng-show = "true && false" и работало как надо? (т.е. не отображалось)

это дефолт, который ||, в твоем случае &&, но почему ты не используешь ng-if или не используешь ng-show-одна функция ng-hide-другая, зачем тебе такая мегасложная логика в ng-show?

Хорошо, я понял. Спасибо всем. Буду пробовать как советуете

добавьте бота, который банит человека с длинным ником, чтоб такого не было