Articles of angularjs директива

почему wg ng-keypress изменяет значения ng-model

Пожалуйста, проверьте мой jsFiddle Мышь над .box.red || .box.blue позволит ему сфокусироваться и значения изменить ng-model которая будет изменена scope.box = {‘blue’: 0, ‘red’: 0}; Это изменение происходит во время ng-keyup ng-keydown . keyup изменит +1 на значение; keydown изменит значение на -1. HTML mouseover box then keypress up or down arrows indivually edit values […]

angularjs: динамический html, зависящий от данных json

Я хочу показать содержимое моей модели json динамически, в зависимости от предоставленного json. Я использую ng-repeat для обработки своих данных и хочу отобразить html-шаблон для заполнения данными, зависящими от типа данных. JSON { “elements”: [ { “type”: “input-text”, “desc”: “Full Name” }, { “type”: “input-checkbox”, “desc”: “Accept Terms” } ] } Это должно привести к […]

Поместите индекс в модель с ng-опциями для простого массива

Для следующего кода (см. Скрипку ): HTML: AM/PM: {{ampm}} JS: function MyCtrl($scope) { $scope.ampm = “AM”; } Результат: HTML: AM PM … это прекрасно. Однако в ampm модель вводятся ‘AM’ и ‘PM’ . Можно ли поместить в эту модель индекс 0 или 1? Я хочу иметь целые индексы, которые относятся к позиции в массиве, но […]

Могу ли я использовать плагин JQuery из директивы angularjs?

Я совершенно новичок в javascript в целом. Я провел последние пару недель, построив передний конец с Angular.js. У меня есть ряд директив, которые я определил, которые сидят на моей странице, Angular отлично подходит для этого. Вот как выглядит моя главная страница: {{site.name}} Address: {{site.address}} Click Here $(document).ready(function(){ $(‘.paulund_modal’).paulund_modal_box(); }); Обратите внимание на функцию javascript для […]

Функция привязки на клавише вверх в угловом

Я разработчик / front-end разработчик и не имею никакого опыта работы с Angular, поэтому я надеюсь получить помощь здесь. У меня есть следующий html Я хотел бы вызвать событие click из элемента если пользователь нажимает кнопку ввода, находясь на следующем входе. Я хотел сделать это самым простым способом без написания отдельной функции. Кто-нибудь с Угловым […]

Как я могу поместить несколько значений для ng-disabled в угловых js?

Как я могу поместить несколько значений для ng-disabled в угловых js? Моя проблема объясняется этим следующим скриптом JS: http://jsfiddle.net/FJf4v/10/ A ->> B ->> Chkbox1 to be disabled Chkbox2 to be disabled Javascript: function myCnt($scope) { // } В этой скрипте есть всего 4 флажка с надписью A, B, Chkbox1 и Chkbox2. Я ищу, чтобы отключить […]

Почему ng-class вызывается несколько раз в директиве углового?

Я не знаю, почему это называется несколько раз. angular.module(‘HelloApp’, []) .directive(‘testDirective’, function () { return { restrict: ‘E’, replacement: true, template: ‘Test Directive’, link : function (scope, element, attrs) { console.log(‘link’); var cnt = 0; scope.test = function () { cnt += 1; console.log(‘test’, cnt); //element.append(‘test’ + cnt + ”); } } } }); результат […]

как добавить строку таблицы в качестве шаблона с использованием угловых js

Я хотел бы добавить строку динамически в таблицу. Я хотел бы повторно использовать строку в нескольких таблицах. Я попытался сделать это с помощью директивы и с помощью ng-include но ни одна из них не работала так, как я ожидал. В основном, это то, что я сделал: myapp.directive(‘myRow’, function () { return { restrict : ‘E’, […]

Как написать директиву AngularJS, которая создает элементы DOM, которые являются другими директивами?

Я пишу довольно сложные DOM-манипуляции, которые, несомненно, проверят мою способность писать очень сложные директивы. Я не сталкивался ни с какими примерами (я думаю, так или иначе), которые демонстрируют, что я хотел бы сделать. Допустим, у меня есть список виджетов, которые могут быть разных типов. Эти виджеты должны отображаться внутри элемента . Каждый вид виджета может […]

Ошибка при сбое: при реализации калькулятора истекшего времени

Я получаю эту ошибку в консоли браузера в своем коде для калькулятора истекшего времени: Uncaught Error: [$rootScope:infdig] Я рассчитываю прошедшее время с текущего времени, когда приложение запускается. Вот мой html: Elapsed time: Вот код JavaScript: function Ctrl2($scope) { $scope.date = new Date(); $scope.format = ‘M/d/yy h:mm:ss a’; } angular.module(‘time’, []) // Register the ‘myCurrentTime’ directive […]