Вопросы с тегами [angularjs]

1

голосов
3

ответ
3.8k

Просмотры

Отрицание в AngularJS выражении.

У меня есть один очень нуб вопрос для AngularJS выражений. Я хочу, чтобы проверить в выражении (ngIf в данном случае), что-то не определено. Например: данные-нг-если = «TypeOf obj.property == 'не определено» Как я могу написать выражение, чтобы проверить это? Буду очень благодарен за любые идеи и рекомендации. С наилучшими пожеланиями.
Georgi Naumov
1

голосов
2

ответ
40

Просмотры

Как удалить область применения компонента впрыскиваемого из родительской директивы

У меня есть директива, которая динамически добавляет ребенок пользовательских директив к DOM на основе некоторых входных сигналов. Все работает отлично. Но когда входные изменения и я пересборка DOM с другим набором ребенок пользовательских директив, старые телескопы ребенка пользовательских директив не удаляются, а следовательно, и обработчики событий, подключенные к ним все еще находятся в памяти. Я вновь визуализации DOM, просто установив элемент [0] .innerHTML = «». Есть ли способ, чтобы удалить / уничтожить границы своей пользовательской директивы? Я видел в некоторых статьях, что сфера. $ Уничтожить можно назвать, но как получить ссылку на рамки ребенка пользовательских директивы? Const линкер = функция (сфера, элемент) {$ Объем часы. ( 'данные', функция () {reRenderToolbar ();}, правда); Const reRenderToolbar = функция () {элемент [0] .innerHTML = ''; _.forEach (scope.data, Функция (пункт, ключ) {сопз директива = item.CustomDirective; scope.options = item.options || {}; HTML = ''; element.append (HTML); }}); } $ Компиляции (element.contents ()) (масштаб); };
user5095515
1

голосов
0

ответ
34

Просмотры

angularjs extension development kit

У меня есть угловая работа приложения, теперь некоторые другие команды хотят, чтобы добавить свой модуль в моем приложение, и я не хочу, чтобы изменить существующий код приложения. Таким образом, я имею в виде, подвергая какой-то XDK для этой команды, чтобы они могли создавать свой собственный угловой модуль добавить его в XDK и мое приложение, которое имеет XDK в своей зависимости, будет проверять для любого нового модуля и автоматически включаю его в моем приложении , Я имею в виду этого подхода: // JSON файл с описанием приложения { "App1": {AppPath: 'app1.js', MODULENAME: 'app1Module'}, "app2": {AppPath: 'app2.js', MODULENAME: 'app2Module'}} // XDK приложение - без изменения кода требуется вар BasePath = 'https: // путь / к / CDN /'; вар xdkApp = angular.module ( 'xdkApp', []); / * XHR для извлечения JSON файл и включают в себя все доступные модули * / // Основная область применения - без изменения кода требуется вар mainApp = angular.module [ 'mainApp', [xdkApp]]; При таком подходе другая команда будет создавать их угловое приложение и загрузить свой код в КДС и обновить эту запись в файл JSON. В приложении XDK я сделать запрос XHR на этот JSon файл, который будет читать все зависимости и загрузить все необходимые модули, благодаря которому код моего приложения и приложения XDK не изменятся. Недостатки: - Это увеличит запросы XHR для извлечения app.js, что в конечном итоге увеличит время загрузки Так есть ли лучший подход для достижения этой цели? другая команда будет создавать их угловое приложение и загрузить свой код в КДС и обновлять эту запись в файл JSON. В приложении XDK я сделать запрос XHR на этот JSon файл, который будет читать все зависимости и загрузить все необходимые модули, благодаря которому код моего приложения и приложения XDK не изменятся. Недостатки: - Это увеличит запросы XHR для извлечения app.js, что в конечном итоге увеличит время загрузки Так есть ли лучший подход для достижения этой цели? другая команда будет создавать их угловое приложение и загрузить свой код в КДС и обновлять эту запись в файл JSON. В приложении XDK я сделать запрос XHR на этот JSon файл, который будет читать все зависимости и загрузить все необходимые модули, благодаря которому код моего приложения и приложения XDK не изменятся. Недостатки: - Это увеличит запросы XHR для извлечения app.js, что в конечном итоге увеличит время загрузки Так есть ли лучший подход для достижения этой цели?
Bhushan Goel
1

голосов
0

ответ
90

Просмотры

WebRTC adapter.js возвращает пустой объект

Я строй приложения WebRTC с передним концом emplyong adapter.js и AngularJS. Вызов функционального GetUserMedia из adapter.js обработчика успеха возвращает пустой объект в качестве объекта потока. Ниже приведен фрагмент кода. index.html main.js $ scope.constraints = {аудио: истинно, видео: истинный}; $ Scope.localVideoStream = NULL; GetUserMedia ($ scope.constraints, функция (поток) {socket.emit ( 'сообщение: WebRTC', поток); console.log (поток); $ scope.localVideoStream = $ sce.trustAsResourceUrl (поток); handleUserMedia (поток); }, функция (ошибка) {$ тайм-аут (функция () {MainService.viewport = 'главной'; $ location.path ( '/ Основной');}, 1); console.log (ошибка);}); функционировать handleUserMedia (поток) {// как определено в адаптере. JS} Из-за такое поведение я не могу транслировать местные СМИ в видеоэлементе, как показано в файле index.html. Любой выход?
tej-kweku
1

голосов
1

ответ
133

Просмотры

Nativescript: Failed to allocate a 1553380 byte allocation

Я использую Nativescript с Угловым и объектом приложения является, чтобы сделать фотографии, а затем отправить их по электронной почте. Я использую этот GridView для отображения захваченных изображений для пользователя, как вы можете видеть на картинке ниже: Теперь, как вы можете видеть это виртуальный эмулятор, и приложение работает нормально, но когда я пытаюсь приложение на реальном устройстве после третьего картина, которую я получаю эту ошибку: System.err: com.tns.NativeScriptException: System.err: Вызов метода Js onBindViewHolder не удалось System.err: ошибка: java.lang.OutOfMemoryError: Не удалось выделить выделение в 1553380 байт с 57537 свободных байтов и 56kb пока ООМ я не буду использовать привязку данных для привязки фотографий массива в GridView, как описано в коде: takePicture () {camera.takePicture () .then ((ImageAsset) => {console.log ( 'Результат является экземпляром изображения актива «); // преобразовать ImageAsset к ImageSource fromAsset (ImageAsset) .then (Рез => {пусть base64 = res.toBase64String ( 'PNG'); пусть newImage = 'данные: изображения / PNG; base64' + base64; this.photos.push (newImage); // я получить base64 снимка и сохранить его в массиве})})} и это, как я буду связывать массив в GridView: как я уже сказал, приложение отлично работает на эмуляторе нет независимо от того, сколько фотографий я беру, но при использовании реального устройства я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? затем (Рез => {пусть base64 = res.toBase64String ( 'PNG'); пусть newImage = 'данные: изображение / PNG; base64,' + base64; this.photos.push (newImage); // Я получаю Base64, изображение и сохранить его в массиве})})} и это, как я буду связывать массив в GridView: как я уже сказал, приложение отлично работает на эмуляторе, независимо от того, сколько фотографий я беру, но при использовании реальное устройство я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? затем (Рез => {пусть base64 = res.toBase64String ( 'PNG'); пусть newImage = 'данные: изображение / PNG; base64,' + base64; this.photos.push (newImage); // Я получаю Base64, изображение и сохранить его в массиве})})} и это, как я буду связывать массив в GridView: как я уже сказал, приложение отлично работает на эмуляторе, независимо от того, сколько фотографий я беру, но при использовании реальное устройство я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? photos.push (newImage); // Я получаю base64 снимка и сохранить его в массиве})})} И это, как я буду связывать массив в GridView: Как я уже сказал, приложение отлично работает эмулятор независимо от того, сколько фотографий я не несу, но при использовании реального устройства я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? photos.push (newImage); // Я получаю base64 снимка и сохранить его в массиве})})} И это, как я буду связывать массив в GridView: Как я уже сказал, приложение отлично работает эмулятор независимо от того, сколько фотографий я не несу, но при использовании реального устройства я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? но при использовании реального устройства я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения? но при использовании реального устройства я получаю эту ошибку после третьей картины. Что такое объяснение такого поведения?
SlimenTN
1

голосов
0

ответ
175

Просмотры

CORS проблема с окта - AngularJS контроллер вызова контроллера .NET ядра

Я в настоящее время есть веб-приложение .NET Core 2, который служит копирование данных в веб-интерфейсе с помощью AngularJS 1.6.6 вызовов на бэкэнд API. Когда пользователь вводит первую страницу сайта (index.html), AngularJS контроллер делает HTTP Get, чтобы захватить некоторые данные из базы данных, чтобы служить в таблице. Я пытаюсь интегрировать окт проверки подлинности, так что я могу поставить [Авторизовать] на этом .NET контроллере немедленно проверить подлинность. Тем не менее, я получаю следующее CORS связанных проблемы даже после включения CORS для происхождения URL на окте стороны сервера ([окт домена], [ключ] и [происхождения URL] было введено для защиты конфиденциальности): Cross-Origin перенаправление на https: // [окт домен] /login/login.htm?fromURI=%2Foauth2%2Fv1%2Fauthorize%2Fredirect%3Fokta_key%3 [ключ] отрицается Cross-Origin Resource Sharing политика: Происхождение https: . // [происхождение URL] не допускается Access-Control-Allow-Origin * Я интересно, если это что-то делать с потоком, из HTML - контроллер> AngularJS который делает HTTP Get -> .Net Core 2 контроллер с [Authorize] атрибут. FYI, если я позвоню контроллер непосредственно (например, API / контроллер), то Okta виджет придумают правильно. Дополнительный шаг от контроллера AngularJS к контроллеру .NET ядра я чувствую Мессинг что-то. Что я здесь отсутствует? NET контроллер Ядро Я чувствую Мессинг что-то. Что я здесь отсутствует? NET контроллер Ядро Я чувствую Мессинг что-то. Что я здесь отсутствует?
thunder chunky
1

голосов
0

ответ
194

Просмотры

Как получить все дети из Firebase базы данных

Я пытаюсь узнать, как использовать Firebase путем создания простого приложения социальных медиа. https://i.stack.imgur.com/wfeyw.png (Вот как моя база данных выложены) я был в состоянии добавить данные в базу данных, но у меня возникают проблемы с пониманием, как извлекать данные. Я хочу, чтобы иметь возможность получить все сообщения от конкретного пользователя, а затем отобразить каждый из них в качестве элемента в списке. пусть сообщений = firebase.database () реф ( '') Сообщений ребенка (USERID)..; До сих пор те мой запрос и вот код, я использую для добавления сообщений в базу данных. Может кто-то и сказать мне, что это термин для Id, который генерируется для каждой должности? firebase.database () реф ( '/ сообщения') ребенок (идентификатор пользователя) .С.. ({Текст: пост, Score: 0});
KevinDunbar
-1

голосов
0

ответ
11

Просмотры

Sharing data between controllers in AngularJS 1.6.5

We are using AngularJS 1.6.5 in conjunction with PHP. I do not have a choice in this matter. Part of the reason that my organization chose Angular was the idea that we could use predefined services to conditionally share scoped data between controllers, and have interface elements react in real time to the changes. We have attempted to do this with both factories and services. In no instance whatsoever has this worked as advertised. I have been all over the net trying to find ways to make this work. I have tried native watches, I have tried explicit setters and getters on the service, I have attempted explicit calls to $scope.$digest() and $scope.$apply(), and none of these options has addressed the problem. The data changes in the factory when requested, but references to the data in controllers foreign to the changing controller simply do not get the update. No matter what. Example: controller1 - app.controller("faceController", function($scope, $http, dispatchService, UserService) { $scope.scopeInit = function() { // Dispatch Service Imports // $scope.cleanPage = dispatchService.cleanData; $scope.cleanPages = dispatchService.cleanPages; $scope.activatePage = dispatchService.activatePage; $scope.page = dispatchService.data; $scope.pages = dispatchService.pages; $scope.elements = dispatchService.elements; $scope.cleanPage(); $scope.cleanPages(); // User Service Imports // $scope.cleanUser = userService.cleanUser; $scope.user = userService.user; $scope.cleanUser(); } $scope.scopeInit(); // loginPanel() toggles the visibility of the login panel with a supplied // boolean. $scope.loginPanelToggle = function(toggle) { $scope.elements.login_panel = toggle; }; // userLogin(u) checks the database for a caretaker's credentials, and if it // finds them, assigns them an access level and provides access to the // appropriate elements. $scope.userLogin = function(u) { $scope.user = {}; $scope.page.dataload = true; $http.get('./server/get.user.by.username.php?username=' + u.username.toLowerCase()).then(function(response) { $scope.page.dataload = false; if (response.data.records.length && (u.passphrase === response.data.records[0].passphrase)) { $scope.user = response.data.records[0]; $scope.elements.login_panel = false; $scope.elements.welcome = true; if ($scope.user.personnel_id != 0) { $scope.elements.record_keeping_personnel_panel = true; } else { $scope.elements.record_keeping_caretaker_dossier = true; } $scope.activatePage('record_keeping'); } else { yada yada } }); }; ); controller2 - app.controller("recordKeepingController", function($scope, $http, dispatchService) { $scope.scopeInit = function() { // Dispatch Service Imports // $scope.cleanElements = dispatchService.cleanElements; $scope.activateRKElement = dispatchService.activateRKElement; $scope.elements = dispatchService.elements; $scope.loading = dispatchService.loading; $scope.toggleSearchNewEdit = dispatchService.toggleSearchNewEdit; $scope.cleanElements(); yada yada... dispatchService - app.factory('dispatchService', function() { var data = { dataload: false, locinfo: { l1: { street: "yada", city: "yada", zip: "yada", phone: "yada" }, l2: { street: "yada", city: "yada", zip: "yada", phone: "yada" }, state: { abbreviated: "YD", unabbreviated: "yada" }, }, email: "[email protected]", facebar: { opt1: "Login", opt2: "About Us", opt3: "FFP Program", opt4: "Email the Doctor", opt5: "Logout" }, welcome: { data: "" } }; var pages = { about_us: true, email_form: false, ffp_program: false, login_panel: false, record_keeping: false }; var elements = { mail: { reply: true }, edit: { humans: false, animals: false }, items: { drugs: { new: false, shipment: false }, implements: { new: false, shipment: false }, resale: { new: false, shipment: false } }, link: { humans: false, animals: false }, new: { humans: false, animals: false }, record_keeping_caretaker_dossier: false, record_keeping_personnel_panel: false, rk: { caretakers: false, animals: false, drugs: false, implements: false, invoice: false, services: false, resale: false, messages: false, end_of_day: false }, search: { humans: false, animals: false }, welcome: false } return { data: data, cleanData: function() { this.data = { dataload: false, locinfo: { l1: { street: "yada", city: "yada", zip: "yada", phone: "yada" }, l2: { street: "yada", city: "yada", zip: "yada", phone: "yada" }, state: { abbreviated: "YD", unabbreviated: "yada" }, }, email: "[email protected]", facebar: { opt1: "Login", opt2: "About Us", opt3: "FFP Program", opt4: "Email the Doctor", opt5: "Logout" }, welcome: { data: "" } }; }, elements: elements, cleanElements: function() { this.elements = { mail: { reply: true }, edit: { humans: false, animals: false }, items: { drugs: { new: false, shipment: false }, implements: { new: false, shipment: false }, resale: { new: false, shipment: false } }, link: { humans: false, animals: false }, new: { humans: false, animals: false }, record_keeping_caretaker_dossier: false, record_keeping_personnel_panel: false, rk: { caretakers: false, animals: false, drugs: false, implements: false, invoice: false, services: false, resale: false, messages: false, end_of_day: false }, search: { humans: false, animals: false }, welcome: false }; }, getElements: function() { return this.elements }; pages: pages, cleanPages: function() { this.pages = { about_us: true, email_form: false, ffp_program: false, login_panel: false, record_keeping: false }; }, // Method Exports ////////////////////////////////////////////////////////// /*************************************************************************** * * activatePage() * This method takes a passed page and makes it visible to the user and * available for work. * * Arguments: page * Returns: none * */ activatePage: function(page) { for (var p in this.pages) { // Iterate through every page. // Mark passed page for viewing and work, and hide all other pages. (p == page) ? this.pages[p] = true : this.pages[p] = false; } }, /*************************************************************************** * * activateRKElement() * This method takes a passed record keeping element and makes it visible * to the user, while hiding all other record keeping elements. * * Arguments: record keeping element * Returns: none */ activateRKElement: function(rkelement) { for (var e in this.elements.rk) { (e == rkelement) ? this.elements.rk[e] = true : this.elements.rk[e] = false; } }, /*************************************************************************** * * itemNewShipToggle(t, p) * This method takes a provided type and a provided action and uses them to * flip bits controlling which option to show to the user in the item * addition and shipment receipt page. * * Arguments: type(t), action(p) * Returns: none * */ itemNewShipToggleDispatch: function(t, p) { for (var e in t) { (e == p) ? t[e] = true : t[e] = false; } }, /*************************************************************************** * * toggleSearchNewEdit(type) * This method takes a provided type and toggles search functionality and * new entry functionality in the record keeping system. * * Arguments: type * Returns: none * */ toggleSearchNewEdit: function(type, purpose) { if (type == 'a') { if (purpose == 'e') { this.elements.edit.animals = true; this.elements.new.animals = false; this.elements.search.animals = false; } if (purpose == 's') { this.elements.edit.animals = false; this.elements.new.animals = false; this.elements.search.animals = true; } if (purpose == 'n') { this.elements.edit.animals = false; this.elements.new.animals = true; this.elements.search.animals = false; } } if (type == 'h') { if (purpose == 'e') { this.elements.edit.humans = true; this.elements.new.humans = false; this.elements.search.humans = false; } if (purpose == 's') { this.elements.edit.humans = false; this.elements.new.humans = false; this.elements.search.humans = true; } if (purpose == 'n') { this.elements.edit.humans = false; this.elements.new.humans = true; this.elements.search.humans = false; } } } }; }); When functions in controller1 modified data scoped from dispatchService, we anticipated that the elements governed by controller2 would react to the change, because "AngularJS!". They did not, which has prompted me to research for the last several weeks as to what might be going wrong. I have traced the data flow, and can see that the data is in fact changing on the service, however controllers that are not the controller initiating the change never seem to get the memo. The value on the local $scope for any controller which is not the controller initiating the change always remains the same, and is never updated with the new data. As previously stated, we have already tried explicit watches, $scope.$apply() tricks, and $scope.$digest() tricks as well, but to no avail, and quite frankly even if they had worked, I'd still have a bad taste in my mouth - this technology was supposed to provide no hassle two way data binding. I'd love to convince my people to scrap AngularJS 1.6.5, but there is apparently a super mysterious "strategic reason" that we're stuck with it, that nobody seems to be willing to articulate at any length. At this point, there is a large amount of pressure to create one monolithic controller and simply use it to govern the entire application. The folks applying this pressure have very little understanding of technology, but hold quite a bit of sway in our organization. I'd like very, very, VERY much to keep that from happening. Please help us, Obi-Wan - you're our only hope.
Carl Hamlin
1

голосов
0

ответ
55

Просмотры

ModalService $ на & $ вещать несколько экземпляров

Эти методы в одной и той же угловой контроллер. Проблема заключается в том, что $ на каждый называются п клики. Так что, если это третий раз я нажал, чтобы показать всплывающее окно. $ На будет работать в 3 раза и $ радиопередачу один раз. Я пытаюсь убить $ масштаб, но он не работает. Кажется, контроллер (который также инициализируется в диалоге, не получает разрушен ModalService.showModal ({templateUrl: "ProductPopup.html", контроллер: "ShopActionDialogController", входы: {CurrentProduct: response.data [0]}}. ) .then (функция (модальный) {modal.element.modal (); Args = {}; $ rootScope $ широковещательный ( 'инициализации', арг);.. // $ rootScope $ широковещательный ( 'инициализации', арг); modal.element.on ( 'hidden.bs.modal', функция (е) {// modal.element.remove ();}); modal.close.then (функция (результат) {//modal.element.remove (); //ModalService.closeModals ();}); }); }); } Вар initListener = $ сфера $ на ( 'инициализации', функция (событие, арг) {если ($ scope.initiated) {$ scope.Amount = args.Amount;.! $ Scope.InitAmount = args.Amount; $ сфера .ProductId = args.ProductId; $ scope.ProductVariantId = args.ProductVariantId; $ scope.OrderLineId = args.OrderLineId; переключатель (args.Action) {случай 'BuyImmediate': $ scope.AddToCart (); перерыва; }}}); $ $ На сфере ( '$ уничтожить', функцию () {console.log ( "убийство этой области"); initListener ();}). Какие-нибудь мысли?
NicoJuicy
1

голосов
0

ответ
46

Просмотры

Брус прочитать параметр URL-адреса с $ location.search

Я только получаю пустой объект, используя $ location.search (), имеющий адрес, такие как: HTTP:. // локального / тест = Баз так $ location.search () тест становится неопределенным. Зачем? На https://www.metaltoad.com/blog/angularjs-query-string-handling-using-locationsearch я могу читать Примечание: $ location.search () вызовет перезагрузку страницы, то есть, контроллер переинициализирует и запустить снова с самого начала. Это правда?
Anders Lindén
1

голосов
1

ответ
53

Просмотры

AngularJS компоненты Наблюдать и отображение уведомлений при включении UiRouter изменения маршрута

У меня есть два компонента на моей странице: навигация компонентов и формы компонентов. Я хочу, чтобы уведомить пользователь, если они уйдут со страницы (с помощью нажатия на навигационном составляющей или нажав браузер «назад» кнопка), если форма загрязнена. Я уже внедрили грязные чеки, но я не знаю, как реализовать уведомления. Я использую Угловые 1.6, компоненты и интерфейс-маршрутизатор. Я попробовал несколько таких решений, но $ журналы не было быть запущен. $ $ На сферу ( '$ stateChangeStart', е => {$ log.log (е);}). $ $ На сферу ( '$ routeChangeStart', е => {$ log.log (е);}). $ RootScope $ на ( '$ stateChangeStart', е => {$ log.log (е);}). $ RootScope $ на ( '$ routeChangeStart', е => {$ log.log (е);}). После того, как я могу определить, когда маршрут изменился,
Jon
1

голосов
0

ответ
17

Просмотры

Как перемещаться на новую страницу и определенный раздел Bootstrap Carousel в AngularJS

У меня есть страница, которая использует AngularJS контроллер (Упр 2). Эта страница имеет кнопку на нем, который должен перемещаться пользователем на другую страницу с совершенно отдельным контроллером (CTRL1), а затем скользить 1 из карусели. Как это может быть сделано? Cshtml Вид на Упр 2: Контроллер 2 Перейти к контроллеру 1, слайд 1 Ctrl 2: «использовать строгий»; app.controller ( 'Упр 2', [ '$ сфера', '$ фильтра', '$ HTTP', '$ окно', '$ местоположение', функция ($ сфера, $ фильтр, $ HTTP, $ окна, $ местоположение ) {$ scope.goToController1Slide1 = функция () {// то, что происходит здесь, чтобы заставить нас контролеру 1 Slide 1};}]); Cshtml Вид на CTRL1: Slide 0 Мы не хотим, чтобы в конечном итоге на этом слайде из контроллера 2 Slide 1 Мы хотим, чтобы перейти к этому слайду от контроллера 2 CTRL1: «использовать строгий»; app.controller ( 'Упр 2', [ '$ Объем', '$ фильтра', '$ HTTP', '$ окна', функция ($ Объем, $ фильтр, $ HTTP, $ окна) {$ Объем. sendUserToSlide1 = функция () {// что происходит здесь, чтобы принять навигации от контроллера 2 и отправить пользователь Слайд 1 из карусели? }; }]);
crackedcornjimmy
1

голосов
2

ответ
2.7k

Просмотры

Экспорт таблицы, чтобы преуспеть в AngularJS

У меня есть таблица с большим количеством страниц результатов (14 колонок), которые хотели бы экспортировать в Excel, что легче всего добиться того, чтобы на AngularJS т.е. экспортировать все результаты не только на одной странице? Спасибо за помощь и ответы :)
phpguy
1

голосов
2

ответ
56

Просмотры

how can i avoid including repeatedly or abstract header & footer angular ui-router

вар headerView = {templateUrl: 'вид / заголовка / header.html', контроллер: 'HeaderCtrl'}; вар footerView = {templateUrl: 'кажд / сноска / footer.html'}; вар MYAPP = angular.module ( 'MYAPP', [ 'ui.router']); myApp.controller ( 'MainCtrl', функция ($ масштаб) {}); myApp.config (функция ($ stateProvider, $ urlRouterProvider) {// маршрут по умолчанию $ urlRouterProvider.otherwise ( "/"); // щ маршрутизатор заявляет $ stateProvider .state ( 'первый', {URL: "/ первый", вид : {заголовок: headerView, содержание: {шаблон: 'Первый контент', контроллер: функция ($ сфера) {}}, сноска: footerView}}) .state ( 'второй', {URL: "/ второй", просмотров: {заголовок: headerView, содержание: {шаблон: 'Второе содержание', контроллер: функция ($ масштаб) {}}, сноска: footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. сноска: footerView}}) .state ( 'второй', {URL: "/ второй", просмотров: {заголовок: headerView, содержание: {шаблон: 'Второе содержание', контроллер: функция ($ сфера) {}}, сноска : footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. сноска: footerView}}) .state ( 'второй', {URL: "/ второй", просмотров: {заголовок: headerView, содержание: {шаблон: 'Второе содержание', контроллер: функция ($ сфера) {}}, сноска : footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. {URL: "/ второй", вид: {заголовок: headerView, содержание: {шаблон: 'Второй содержание', контроллер: функция ($ масштаб) {}}, сноска: footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. {URL: "/ второй", вид: {заголовок: headerView, содержание: {шаблон: 'Второй содержание', контроллер: функция ($ масштаб) {}}, сноска: footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. Контроллер: функция ($ масштаб) {}}, сноска: footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор .. Контроллер: функция ($ масштаб) {}}, сноска: footerView}}); }); в вышеприведенном коде многократно включая верхние и нижние колонтитулы, поэтому я хотел бы избежать включений повторно колонтитулов. Как я могу избежать включения повторно или реферата этот заголовок и нижний колонтитулы, я использую узел, веб-пакет, UI-маршрутизатор ..
D V Yogesh
1

голосов
2

ответ
58

Просмотры

Как сортировать меньшими номерами для большего числа в смарт-таблицы?

Ниже мой код, когда пользователь нажимает на -й заголовок ID будет сортировать по номеру (1-> 2-> 3 -> - 11-> 23), но результат (1-> 2-> 11-> 23 -> 3) Я надеюсь, что результат является своего рода меньшими номерами для большего числа или большего числа до меньших чисел ..... Я не хочу, чтобы добавить ноль в одно целое число ..... Smart-таблица ID Имя Фамилия Имя Номер телефона Родной город {{row.ID}} {{row.firstName}} {{row.lastName}} {{row.phone}} {{}} row.hometown мой JSON файл $ scope.data = [{ID : '3', ПгвЬЫат: 'Сэм', LastName: 'Эванс', телефон: 'Не обеспечиваетс', родной город: 'Anytown, ST'},{ID: '23', Firstname: 'Сол', LastName: 'Эванс', телефон: '555-555-1234', родной город: 'Anytown, СТ'}, {ID: '1', Firstname: 'Чарли' , LastName: '' Андерс, телефон: '555-555-9876', родной город: 'Спрингфилд, СТ'}, {ID: '2', Firstname: 'Джессика', LastName: 'Кортес', телефон: «Не обеспечиваетс », родной город: 'Спрингфилд, СТ'}, {ID: '11', Firstname: 'Ой', LastName: 'Дерево', телефон: '555-555-1348', родной город: 'Metroville, СТ'},] Ниже моя скрипка демо, спасибо Fiddle'555-555-9876', родной город: 'Спрингфилд, СТ'}, {ID: '2', Firstname: 'Джессика', LastName: 'Кортес', телефон: 'Не обеспечиваетс', родной город: 'Спрингфилд, СТ' }, {ID: '11', ПгвЬЫат: 'Эй', LastName: 'Дерево', телефон: '555-555-1348', родной город: 'Metroville, ST'}] Ниже мои скрипка дема, спасибо Fiddle'555-555-9876', родной город: 'Спрингфилд, СТ'}, {ID: '2', Firstname: 'Джессика', LastName: 'Кортес', телефон: 'Не обеспечиваетс', родной город: 'Спрингфилд, СТ' }, {ID: '11', ПгвЬЫат: 'Эй', LastName: 'Дерево', телефон: '555-555-1348', родной город: 'Metroville, ST'}] Ниже мои скрипка дема, спасибо Fiddle
francoleung
1

голосов
1

ответ
59

Просмотры

glyphicon на опции AngularJS Dynamic DropDown

Я создаю веб-приложение, в котором у меня есть выпадающий список, который выглядит, как это и это, как я заполнение scope.passangers данных = [{Name: «ПАССАЖИР 1», Value: 1}]; вар totalPassangers = 21; для (вар я = 2; я
1

голосов
0

ответ
88

Просмотры

Шаблон углового 1.6 Компонента»не обновляется в соответствии с нг-повтором

Компонент работает прекрасно, когда используется индивидуально. Но если используется при нг-Повторяю, DOM не обновляется с извлеченной .component данных ( 'viewMore', {templateUrl: '../components/clientAllData/clientAllData.html', контроллер: viewMoreCtrl, controllerAs: 'Vm', привязок: {значок: '
Somnath Pathak
1

голосов
0

ответ
154

Просмотры

Невозможно подключиться к странице. Browserstack

Я использую транспортир с Browserstack.exe для э2э (UI) тестирования. Я должен проверить proccess авторизации. Он идет таким образом: перейти на домен / # вход редирект на auth0.com получить правомочно (принимающее разрешение auth0) ввести учетные данные перенаправлять на мой угловой клиент с готовой аутентификацией. Я читал, что для тестирования отдельной страницы входа в системе, мы должны использовать browser.ignoreSynchronization = истину; Иногда это работает, некоторые - нет. Я не понимаю, почему и что от этого зависит. У меня есть эта ошибка во время выполнения транспортира: Ожидаемая «HTTP: // локальный: 8001 / приложение / # / Логин» содержит «domen.auth0.com». и этот экран: мой код: описать ( «[domain.reports]», функция () {beforeAll (функция () {// это делает транспортир не ждать угловых обещаний // для тестирования отдельной страницы входа в браузер.. ignoreSynchronization = TRUE; }); beforeEach (функция () {browser.wait (browser.get ( '# / Войти'), 5000); ожидать (browser.getCurrentUrl ()) toContain ( 'domain.auth0.com.');}); он ( «автоматически перенаправлять / образцы, когда местоположение хэш / фрагмент пустой», функция () {вар EC = protractor.ExpectedConditions; вар эш = элемент (by.css ( «auth0 замок подать.»)); браузер .wait (EC.visibilityOf (эл), 10000); protractor.loginHelpers.loginToPage ('[email protected]», 'Qazxsw123456'); protractor.waitHelpers.waitForUrlToBeChanged ( "/ образцы"); //browser.wait ( browser.get ( '# / образцы'), 5000); ожидать (browser.getCurrentUrl ()) toMatch ( "/ образцы");. browser.get ( '# / апи'); ожидать (browser.getCurrentUrl ()) not.toContain ( "/ апи"). }); }); Он работает на другом scenarious ... Спасибо посоветуйте за любые мысли!
pavel
1

голосов
1

ответ
50

Просмотры

ng-click doesn't work once ng-show div is moved out of overall div

I have a ng-click that shows/hides another section, which is all within the same overall div. I want to move the show/hide section to its own div, but when do this, the ng-click no longer works. My current code that works looks like this: {{$index+1}} {{item.workflow_stage}} errorIncomplete check_circleComplete {{item.workflow_stage}} Tasks: {{tasks.icon}}{{tasks.short_description}} What I want looks like this: {{$index+1}} {{item.workflow_stage}} errorIncomplete check_circleComplete {{item.workflow_stage}} Tasks: {{tasks.icon}}{{tasks.short_description}} Is there a reason why the ng-click no longer works once I move the showDetails section outside of the overall container div? What do I need to change in order for it to work again?
Dave
1

голосов
0

ответ
192

Просмотры

Угловая UI доступ маршрутизатора метрополия разрешены данные в состоянии ребенка

Я хотел бы передать метрополий уже разрешённые данные состояния ребенка OnEnter функции вместо того, чтобы снова сделать вызов HTTP. Я хотел бы сделать это динамически вместо передачи решимости родителей, потому что я генерацией несколько дочерних состояний, как я программно нужно буду использовать те же дочерние состояния для нескольких родителей и у меня есть угловой сервис, который делает это. Я недавно модернизировал угловой-uirouter от 0,2 до 1.0.8. .. Раньше я использовал угловатый-UI-маршрутизатор статистов и был в состоянии достичь этого с помощью $ состояние $ current.locals.globals, я впрыскивается $ состояние до $ OnEnter stateProvider .state ( 'родитель', постановляю: parentResolve: (Restangular) - > Restangular.all ( 'путь')) .state ( 'ребенок', родители: 'родитель' URL: "/ ребенка решительность: childResolve: (Restangular) -> Restangular.
Shashi
1

голосов
0

ответ
97

Просмотры

Controller not getting executed using ocLazyLoad

Я добавил ниже конфигурации для контроллера $ ocLazyLoadProvider.config ({ 'отладочный': true // Для отладки 'истина / ложь' 'события': верно, // для события 'верно / неверно' 'модулей': [{/ / Набор модулей первоначально название: 'usersCtrl', // State1 модуль файлов: [ 'защищенные / контроллеры / usersCtrl.js']}]}); по маршруту $ stateProvider.state ( 'пользователей', {URL: "/ пользователи", просмотров: { "": {templateUrl: "защищенный / просмотров / users.html"}}, постановляю: {loadMyCtrl: [ '$ ocLazyLoad' функция ($ ocLazyLoad) {вернуть $ ocLazyLoad.load ( 'usersCtrl'); // Resolve обещание и груз до точки зрения}]}}); usersCtrl.js загружается я могу видеть, что в сети, но не выполняется. я держал консольное предупреждение, но ничего не рабочий. app.controller ( 'usersCtrl', функция ($ Объем, $ rootScope, $ состояние, $ Таймаут, $ HTTP, $ mdDialog, $ stateParams, $ mdToast, $ SCE, FormatDate) console.log ( "контроллер вызова"); angular.element (документ) .ready (функция () {console.log ( "готов");}); }); Ни один из консоли не получая call..even функции не вызывались.
Pinal
1

голосов
1

ответ
439

Просмотры

самозагрузки timepicker с angularjs

Мне нужно использовать Bootstrap TimePicker с AngularJS. Я новичок в AngularJS. У меня есть вариант редактирования для даты окончания. на редактирования timepicker отображается, но не работает в AngularJS. HTML: End Time {{actDetailsData.endTime | дата: 'shortTime'}} Контроллер: angular.element (документ) .ready (функция () {angular.element ( '# timepicker1') timepicker ();}.);
niteshgd
1

голосов
2

ответ
65

Просмотры

Как отображать видео или изображения в один тег?

У меня есть выпадающее меню с 2 вариантами IMG и видео, я должен отображать данные относительно моего ниспадающего выбора, так как я могу добиться этого, пожалуйста, помогите мне. вот мой HTML-код: или или, как я могу это сделать с помощью «нг если» пожалуйста
Schüler
1

голосов
0

ответ
44

Просмотры

Google API Picker недостающие папки

У меня есть сборщик, чтобы выбрать папки, она работает гладко, но в последнее время я не могу видеть некоторые папки, но только на очень определенную папке. например, я использовал для просмотра 6 различных папок, но вдруг я только смог увидеть 3. После поиска я обнаружил, что все папки имеют одинаковые права, и ни один не изменилось ничего на диске, но я до сих пор не в состоянии просмотреть все мои папки. Странно то, что при просмотре диска через браузер я могу видеть все файлы и папки (с помощью той же учетной записи), другая странная вещь, что это только кажется, произойдет в одной папке, а не по всей привод. Я почти полностью уверен, что проблема разрешение привода, но не может их исправить или изменить их, чтобы просмотреть все мои папки. Это мой код для создания функции выбора createFolderPicker (ParentID) {ParentID = ParentID || «Корень»; если (pickerApiLoaded && $ window.localStorage.googleToken) {вид вар = новые google.picker.DocsView (google.picker.ViewId.FOLDERS); view.setParent (ParentId); view.setSelectFolderEnabled (истина); вар подборщик = новый google.picker.PickerBuilder (). addView (вид). setOAuthToken ($ window.localStorage.googleToken). setSelectableMimeTypes ( 'приложение / vnd.google-apps.folder'). setDeveloperKey (developerKey). setCallback (pickerFolderCallback). построить (); picker.setVisible (истина); }} SetParent (ParentId); view.setSelectFolderEnabled (истина); вар подборщик = новый google.picker.PickerBuilder (). addView (вид). setOAuthToken ($ window.localStorage.googleToken). setSelectableMimeTypes ( 'приложение / vnd.google-apps.folder'). setDeveloperKey (developerKey). setCallback (pickerFolderCallback). построить (); picker.setVisible (истина); }} SetParent (ParentId); view.setSelectFolderEnabled (истина); вар подборщик = новый google.picker.PickerBuilder (). addView (вид). setOAuthToken ($ window.localStorage.googleToken). setSelectableMimeTypes ( 'приложение / vnd.google-apps.folder'). setDeveloperKey (developerKey). setCallback (pickerFolderCallback). построить (); picker.setVisible (истина); }}
klosterlight
1

голосов
1

ответ
24

Просмотры

Update angular directive attribute value from parent controller

У меня есть Угловое директиву, как это: angular.module ( "приложение", [ "клиенты"]) запустить ();. . Angular.module ( "приложение") контроллер ( "AppController", функция ($ масштаб) {$ scope.customers = [{имя: "Microsoft"}]; SetTimeout (функция () {console.log ( "тайм-аут") ; $ scope.customers = [{имя: "Apple"}]}, 1500);}); . angular.module ( "клиенты", []) директива ( "CustomerList", функция () {возвращение {ограничивают: "E", шаблон: '{{Customer.Name}}', область применения: {клиенты: «= клиенты "}, bindToController: истинно, контроллер: customerListController, controllerAs: "VM"};}); Угловая .module ( "клиентов") .controller ( "customerListController", customerListController); . CustomerListController $ инъекционные = [ "$ Сфера"]; Функция customerListController ($ масштаб) {Vm = Const это; . $ Сфера $ часы ( «vm.customers», функция (новое_значение) {console.log (новое_значение)})} Мой HTML выглядит следующим образом: Вот перо из этого, что я хочу добиться того, чтобы обновить список клиентов в AppController и обновляйте его в директиве, а поэтому мой список показывает Apple, после того, как 1500ms.
Alex
1

голосов
2

ответ
799

Просмотры

Uncaught (обещанию): TypeError: Не удается прочитать свойство 'создать' неопределенной (ионным 3.9, Angularjs 5.0.3)

Я новичок в ионном. Я хочу, чтобы получить доступ к данным через ключ API, но я получил сообщение об ошибке, как это: Runtime Error: неперехваченным (обещанию): Ошибка: Не удается прочитать свойство «создать» неопределенной TypeError: Не удается прочитать свойство «создать» неопределенных на новый SamplePage (HTTP: // локальный: 8100 / сборки / main.js: 1143: 41) в createClass (Http: // Localhost: 8100 / сборки / vendor.js: 12521: 20) в createDirectiveInstance (HTTP: // локальный: 8100 / сборки / vendor.js: 12364: 37) в createViewNodes (HTTP: // локальный: 8100 / сборки / vendor.js: 13802: 53) в createRootView (Http: // Localhost: 8100 / сборки / vendor.js: 13692: 5) при callWithDebugContext (HTTP: // локальный: 8100 / сборки / vendor.js: 15093: 42) при Object.debugCreateRootView [в createRootView] (HTTP: // локальный: 8100 / сборки / vendor.js: 14394: 12) при ComponentFactory_. //localhost:8100/build/polyfills.js:3:10143) по адресу: // локальный: 8100 / сборки / polyfills.js: 3: 20242 sample.ts импорт {Компонент} от '@ угловой / ядро'; импорт {IonicPage, NavController, NavParams} от 'ионно-углового'; импорт {HttpProvider} от '../../providers/http/http'; импорт {NavController, LoadingController} от 'ионно-углового'; 'Rxjs / добавить / оператор / карты' импорта; / ** * Сгенерированный класс для страницы SamplePage. * * См https://ionicframework.com/docs/components/#navigation для получения дополнительной информации о * Ионных страницах и навигации. * / @IonicPage () @Component ({селектор: 'страница-образец', templateUrl: 'sample.html', провайдеры: [HttpProvider]}) экспорта класс SamplePage {newsData: любой; нагрузка: любой; Конструктор (публичное navCtrl: NavController, общественные navParams: NavParams, частный httpProvider: HttpProvider) {this.loading = this.loadingCtrl.create ({содержание: ``}); this.getdata (); } IonViewDidLoad () {console.log ( 'ionViewDidLoad SamplePage'); } GetData () {. This.httpProvider.getJsonData (подписка) (результат => {this.newsData = result.data.children; console.log ( "Успех:" + this.newsData);}, эээ => {консоль .error ( "Ошибка:" + ERR);}, () => {console.log ( 'GetData завершено');}); }} Sample.html образец {{item.data.title}} В Provider папки HTTP. импорт ц {HttpClient} от '@ угловой / общий / HTTP'; импорт {инъекционные} от «@ угловой / ядро»; / * Сгенерированный класс для провайдера HttpProvider. См https://angular.io/guide/dependency-injection для получения дополнительной информации о провайдерах и угловой DI. * / @Injectable () экспорт класс HttpProvider {конструктор (публичный HTTP: HttpClient) {console.log ( 'Hello HttpProvider Provider'); } GetJsonData () {вернуть this.http.get ( 'https://www.reddit.com/r/worldnews/.json') .map (г = ы> res.json ()); }} Я не знаю, как преодолеть это. Может кто-нибудь пожалуйста, дайте мне какие-нибудь идеи? И.О. / руководство / зависимость впрыск для получения дополнительной информации о провайдерах и угловой DI. * / @Injectable () экспорт класс HttpProvider {конструктор (публичный HTTP: HttpClient) {console.log ( 'Hello HttpProvider Provider'); } GetJsonData () {вернуть this.http.get ( 'https://www.reddit.com/r/worldnews/.json') .map (г = ы> res.json ()); }} Я не знаю, как преодолеть это. Может кто-нибудь пожалуйста, дайте мне какие-нибудь идеи? И.О. / руководство / зависимость впрыск для получения дополнительной информации о провайдерах и угловой DI. * / @Injectable () экспорт класс HttpProvider {конструктор (публичный HTTP: HttpClient) {console.log ( 'Hello HttpProvider Provider'); } GetJsonData () {вернуть this.http.get ( 'https://www.reddit.com/r/worldnews/.json') .map (г = ы> res.json ()); }} Я не знаю, как преодолеть это. Может кто-нибудь пожалуйста, дайте мне какие-нибудь идеи?
Meena Arumugam
1

голосов
1

ответ
138

Просмотры

Accessing AngularJs directive scope.variable inside a controller

}, 0); }}); } Эта директива является для автоматического завершения feature.I должны получить доступ к значениям scope.masters в мой контроллер. Каждый раз, когда я пытаюсь получить доступ, это не определено. Заранее спасибо.
Fathima
1

голосов
0

ответ
299

Просмотры

How to upgrade angularjs service with angular 5.2

Что в настоящее время правильный способ обновить сервис angularjs в гибриде angularjs 1,4 / Угловая 5,2 приложения, так что я могу использовать его в качестве компонента в качестве поставщика? Оба коды базы является машинописью, и я использую новую downgradeModule понизить угловые компоненты для того, чтобы сохранить количество дайджестов в узде и не хочу, чтобы разрушить это. У меня есть сгенерированный файл определение типа для углового Js приложения, так что можно считать все классы быть доступны. EDIT: я попытался обертывание услуги в объекте, как ValueProvider (я должен был обернуть все это в другом объекте с геттер и сеттер, чтобы вернуть его, чтобы скрыть вызов функции от Угловое, которые не любят вызовы функций в декораторы). Heres код без trixing объяснить идею. Поставщики: [{обеспечивают: MyNamespace.MyService, useValue: угловая. элемент ( «тело»). Инжектор (). получить ( «MYSERVICE»)}] Но я тогда получаю ошибки при попытке внедрить его в компоненте конструктора. Если бы я только добавить его в конструкторе я получаю: [Угловое] Не удается разрешить все параметры SeparatorComponent в D: / Source / Prevero / Everest / SRC / COM / prevero / Everest / oneclient / SRC / модули / app_components / сепараторы / separator.component.ts: (?). Если добавить его в массив провайдеров я получаю [Угловые] недействительные поставщик для «SeparatorComponent в г: /Source/Prevero/Everest/src/com/prevero/everest/oneclient/src/modules/app_components/separators/separator.component. ц»- только экземпляры провайдера и типа разрешается, есть: [нуль?] [Угловое] Не удается разрешить все параметры SeparatorComponent в г: /Source/Prevero/Everest/src/com/prevero/everest/oneclient/src/modules/app_components/separators/separator.component.ts: (?). Если добавить его в массив провайдеров я получаю [Угловые] недействительные поставщик для «SeparatorComponent в г: /Source/Prevero/Everest/src/com/prevero/everest/oneclient/src/modules/app_components/separators/separator.component. ц»- только экземпляры провайдера и типа разрешается, есть: [нуль?] [Угловое] Не удается разрешить все параметры SeparatorComponent в г: /Source/Prevero/Everest/src/com/prevero/everest/oneclient/src/modules/app_components/separators/separator.component.ts: (?). Если добавить его в массив провайдеров я получаю [Угловые] недействительные поставщик для «SeparatorComponent в г: /Source/Prevero/Everest/src/com/prevero/everest/oneclient/src/modules/app_components/separators/separator.component. ц»- только экземпляры провайдера и типа разрешается, есть: [нуль?]
JGoodgive
1

голосов
1

ответ
58

Просмотры

Как получить значение индекса вкладки dragable в angularjs с использованием html5

Я обнаружил красивое решение на dragable вкладок в angularjs из следующих ссылок угловых вкладок - сортировка / движимый Я реализовал это в моей странице. Но на обновления страницы он катиться спиной к предыдущему состоянию. Так что я планировал, чтобы сохранить или обновить значение индекса или изменить порядок уровня вкладок в базе данных, так что обновления страницы я могу устроиться правильно. Мой вопрос заключается в том, как получить измененное значение в нг-модели или переменной массива, который используется в нг-повтора. Я предоставлю свои коды ниже {{tab.Name}} Сохранить изменения и директива app.directive ( 'sortableTab', функция ($ таймаут, $ документ) {возвращение {ссылка: функция (сфера, элемент, ATTRS, контроллер) {// Попытка интеграции с ngRepeat вар матч = attrs.ngRepeat. матч (/ ^ \ с * ([\ s \ S] +) \ s + в \ s + ([\ s \ S] +) (?:? \ s + трек \ S + на \ х + ([\ s \ S] +)) \ s * $ /)?; Вкладки вар; . Объем $ (часы матч [2], функция (newTabs) {Вкладки = newTabs;}); . Вар индекс = сфера $ индекс; . Объем $ часы ( '$ индекс', функция (NewIndex) {индекс = NewIndex;}); . ATTRS $ множество ( 'перетаскиваемым', правда); // Облаченный в $ применяют так угловые реагирует на изменения Var wrappedListeners = {// По вопросу тащат dragstart: функция (е) {console.log (e.originalEvent.dataTransfer); e.originalEvent.dataTransfer.effectAllowed = 'движение'; e.originalEvent.dataTransfer.dropEffect = 'движение'; e.originalEvent.dataTransfer.setData ( 'приложения / JSON', индекс); element.addClass ( 'перетаскивания'); }, Dragend: функция (е) {//e.stopPropagation (); element.removeClass ( 'перетаскивания'); }, // На пункт тащат по / упал на DragEnter: функцию (е) {}, DragLeave: функция (е) {element.removeClass ( 'парить'); }, Падение: функция (е) {e.preventDefault (); e.stopPropagation (); вар sourceIndex = e.originalEvent.dataTransfer.getData ( 'приложения / JSON'); двигаться (sourceIndex, индекс); element.removeClass ( 'парения'); }}; // Для выполнения целей, не // вызывает $ применять для этого вара unwrappedListeners = {DragOver: функция (е) {e.preventDefault (); element.addClass ( 'парения'); } / * Используйте .hover вместо: парения. : Парить не очень хорошо играть с движущимися DOM из-под мышки при наведении указателя мыши * / MouseEnter: функция () {element.addClass ( «парения»); }, MouseLeave: функция () {element.removeClass ( 'парения'); }}; angular.forEach (wrappedListeners, функция (слушатель, событие) {element.on (событие, завернуть (слушатель));}); angular.forEach (unwrappedListeners, функция (слушатель, событие) {element.on (событие, слушатель);}); Функция обертка (п) {Функция возврата (е) {сфера $ применяется. (функция () {п (е);}); }; } Функция шаг (fromIndex, toIndex) {tabs.splice (toIndex, 0, tabs.splice (fromIndex, 1) [0]); }; }}}); При нажатии кнопки Сохранить изменения, я хочу, чтобы получить измененное значение TabIndex в «порядке» из вкладок массива. Любая надежда?
Nithin Mohan
1

голосов
0

ответ
214

Просмотры

Получить тайм-аут сеанса с сервера ColdFusion в AngularJS

У меня есть приложение, реализованное в Coldfusion и AngularJS. У меня есть внешняя система проверки подлинности, используемая для обеспечения безопасности наших приложений. Это называется в файле Application.cfc приложения. Когда пользователь пытается получить доступ к приложению, система аутентификации называется и, если аутентификация является правильной, пользователь может получить доступ к приложению. Я положил в сессии некоторые данные о users'roles. Эта система безопасности определяются с другой URL. Во взглядах у меня есть некоторые формы с выпадающим списком заселения благодаря запросам AJAX. Как нет обновления страницы (Single приложения страницы). Если сеанс сервера отсутствует, то запросы не выполнены правильно: я получить статус 302 сервера, поскольку аутентификация пытается быть запущен, и я могу видеть в colnsole: Не удалось загрузить https: // myAuthenticationSystem: Ответ на предполетный запрос не проходит проверку контроля доступа: Нет «Access-Control-Разрешить-Origin» заголовок присутствует на запрошенный ресурсе. Происхождение «HTTP: // MyApplication», следовательно, не имеет права доступа. Я стараюсь, чтобы получить статус в моем угловом сценарии JS, и я получить статус 0 и данные равен нулем. Это нормально ?? Я хотел бы высветил перезагрузку aaplication если сеанс сервера отсутствует, для предотвращения такого рода проблем (в идеале с всплывающим сообщением в AngularJS «Сессия истекла. Вы собираетесь перенаправлены аутентификациями ...»). Как я могу это сделать? Вот мой код: Application.cfc // вызывает AUTHENTICATION СИСТЕМЫ .......................... // Проверка доступа пользователей .... ....................... // PUT ДАННЫХ СЕССИИ index.cfm .................. .......... // преобразуем ColdFusion переменные в JS VARIABLES для скошенных JS вар #toScript (SESSION.userLogin, "UserLogin") #; вар #toScript (SESSION.tocken, "tocken") #; вар #toScript (SESSION.userRoles, "UserRoles") #; ............................ app.js уаг приложение = angular.module ( 'ContactsApp', [ 'ngRoute', «щ. самозагрузки», 'ngDialog', 'углового поповер']); // зарегистрировать перехватчик как сервис app.factory ( 'HttpInterceptor', [ '$ д', '$ rootScope', функция ($ д, $ rootScope) {возвращение {// По запросу запроса успеха: функция (конфигурация) {// Возвращает конфигурацию или завернуть его в обещании, если пустые. вернуться конфигурации || $ Q.when (конфигурация); } // При неудаче запроса RequestError: функции (отказ) {//console.log(rejection); // Содержит данные об ошибке на запрос. // Возвращает отказ обещания. возвращение $ q.reject (отказ); } // В ответ успеха ответ: функции (ответ) {//console.log(response); // Содержит данные из ответа. // Возвратить ответ или обещание. вернуться ответ || $ Q.when (ответ); }, // В случае неудачи ответа responseError: функции (отказ) {//console.log(rejection); // Содержит данные об ошибке. // Проверить, является ли перехватывать пары установить в массиве конфигурации. // Если перехватывать пары отсутствуют или установлены верно, мы выводим модальное, содержащее ошибку, если (TypeOf rejection.config.intercept === «не определен» || rejection.config.intercept) {// излучающее событие, чтобы привлечь . модальный с помощью углового начальной загрузки $ rootScope $ испускает ( '' errorModal, rejection.data); } // Возвращает отвержение обещания. возвращение $ q.reject (отказ); }}; }]); app.config (функция ($ routeProvider, $ httpProvider, ngDialogProvider) {$ httpProvider.defaults.cache = ложь; если (! $ httpProvider.defaults.headers.get) {$ httpProvider.defaults.headers.get = {}; } // отключить IE кэширование запроса Ajax $ httpProvider.defaults.headers.get [ 'If-Modified-Since'] = '0'; // Добавить перехватчик в $ httpProvider для перехвата HTTP уравнивает $ httpProvider.interceptors.push ( 'HttpInterceptor'); $ RouteProvider.when ( '/ все-контакты', {templateUrl: 'шаблон / allContacts.html', контроллер: 'ctrlContacts',}) .when ( '/ вид-контакты /: ContactID', {templateUrl: «шаблон / viewContact.html», контроллер: 'ctrlViewContacts'}) .otherwise ({RedirectTo: '/ все-контакты'}); }); ) App.controller (» ctrlContacts', функция ($ резервированные $ тайм-аут, MyTextSearch, ContactService) {// доступ к переменным JS $ scope.userRoles = UserRoles; $ Scope.userLogin = Userlogin; ............}); app.controller ( 'ctrlViewContacts', функция ($ резервированные $ routeParams, MyTextSearch, ContactService, RequestService, ReportService) {// доступ к переменным JS $ scope.userRoles = UserRoles; $ scope.userLogin = UserLogin; // EXECUTE AJAX QUERY ContactService.loadCategory ( 'не определен', 0) .success (функция (категория, статус, заголовок, конфигурация) {$ scope.categories = категория; console.log ( "статус:" + статус);}) .error (функция (данные, статус, заголовок, конфигурации) {console.log ( "sessionExpired:" + sessionExpired); console.log ( "ERROR "); console.log (" + Заголовок); console.log ( "конфигурация:" + конфигурация); если (состояние == 302) {Alert ( "Время сеанса истекло - New Authentication просил"); window.location.replace (заголовки ( 'http://intragate.test.ec.europa.eu/remed')); } Если (состояние == 0) {Alert ( "ERROR 0 - Сессия просрочена - New Authentication просил"); // $ window.location.reload (); }}), Наконец (функция () {console.log ( "наконец закончил РЕПО");.}); }); ......................... Заранее спасибо за помощь. Sebastien + Заголовок); console.log ( "конфигурация:" + конфигурация); если (состояние == 302) {Alert ( "Время сеанса истекло - New Authentication просил"); window.location.replace (заголовки ( 'http://intragate.test.ec.europa.eu/remed')); } Если (состояние == 0) {Alert ( "ERROR 0 - Сессия просрочена - New Authentication просил"); // $ window.location.reload (); }}), Наконец (функция () {console.log ( "наконец закончил РЕПО");.}); }); ......................... Заранее спасибо за помощь. Sebastien заменяющие (заголовки ( 'http://intragate.test.ec.europa.eu/remed')); } Если (состояние == 0) {Alert ( "ERROR 0 - Сессия просрочена - New Authentication просил"); // $ window.location.reload (); }}), Наконец (функция () {console.log ( "наконец закончил РЕПО");.}); }); ......................... Заранее спасибо за помощь. Sebastien заменяющие (заголовки ( 'http://intragate.test.ec.europa.eu/remed')); } Если (состояние == 0) {Alert ( "ERROR 0 - Сессия просрочена - New Authentication просил"); // $ window.location.reload (); }}), Наконец (функция () {console.log ( "наконец закончил РЕПО");.}); }); ......................... Заранее спасибо за помощь. Sebastien
coeurdange57
1

голосов
0

ответ
238

Просмотры

Как применить угловую UI-вкладку несколько условия для добавления активного класса?

Я пытаюсь для отображения меню и подменю с помощью ui.bootstrap из angular.js, но при выборе подменю соответствующего родительского меню не становится активным классом. Я объясняю мой код ниже. dashboard.html: Настройки Это мое главное меню родителя означает, в то время как нажмите на настройки родительского меню ниже подменю откроется. settings.html: Управление Area settingscontroller.js: Var DEPT = angular.module ( 'easyride'); dept.controller ( 'settingsController', функция ($ Объем, $ состояние) {$ scope.set = {1: ($ state.current.name === 'dashboard.settings.area')};}); Тогда в этом подменю есть еще два суб-суб-меню присутствует, которые приведены ниже. area.html: Управление государства Управления Города areacontroller.js: вар отдел = angular.module ( 'easyride'); dept.controller ( 'areaController', функция ($ сфера, $ Состояние) {$ scope.area = {1: ($ state.current.name === 'dashboard.settings.area.manageState'), 2: ($ state.current.name === «dashboard.settings. area.manageCity ')}; }); Здесь, когда пользователь нажмет на настройки родительского меню будет открыть суб-меню-> Manage Area и под этим подменит суб-суб-меню-> Управление государство будет открывать и общая цепь будет оставаться активной. Средства настройки, управление Областью, управление состоянием три вкладки остаются активными, но в моем случае только Manage государство остается активным, но его родительское меню не выделяя так что здесь мне нужно поставить несколько условий в вкладках UIB активного класса. Здесь, когда пользователь нажмет на настройки родительского меню будет открыть суб-меню-> Manage Area и под этим подменит суб-суб-меню-> Управление государство будет открывать и общая цепь будет оставаться активной. Средства настройки, управление Областью, управление состоянием три вкладки остаются активными, но в моем случае только Manage государство остается активным, но его родительское меню не выделяя так что здесь мне нужно поставить несколько условий в вкладках UIB активного класса. Здесь, когда пользователь нажмет на настройки родительского меню будет открыть суб-меню-> Manage Area и под этим подменит суб-суб-меню-> Управление государство будет открывать и общая цепь будет оставаться активной. Средства настройки, управление Областью, управление состоянием три вкладки остаются активными, но в моем случае только Manage государство остается активным, но его родительское меню не выделяя так что здесь мне нужно поставить несколько условий в вкладках UIB активного класса.
satya
1

голосов
0

ответ
195

Просмотры

Google ReCaptcha был заблокирован Антивирус Баннер плагин для браузера

Я интегрировал Google ReCaptcha на мой сайт и когда пользователь пытается войти в системе, ReCaptcha заблокировала Антивирус Баннер плагин для браузера и автоматически преобразует запрос POST в GET и отправляет имя пользователя и пароль в незашифрованном виде в качестве параметров запроса, см приложенного скриншота. Мне нужно, чтобы исправить это с уровня кода, иначе мои пользователи сайта запутаться и думать, как уязвимость безопасности, как это исправить?
user1890970
1

голосов
1

ответ
144

Просмотры

Error in Datatable: Cannot display correct number of rows

I am using angularjs and datatable. I can perfectly display the data but I have a problem in pagination and displaying of rows. The number of rows displayed on load of the page is 10 and the UI somewhat shows like this: Show 10 entries But it displays all the data and not just only 10, after I reload the page for several times, it would display the correct number of rows but sometimes it will return an error that in jquery.dataTables.min.js that mData is undefined and sometimes there is no error. How can I correct the displayed number of rows onload of the page?My code goes like this in html UserName Time And Date IP Address {{item.Username}} {{item.TimeandDate}} {{item.IPaddress}} and in my controller, I have this kind of code: This is for the datatable: $(function () { $('#HistoryTB').DataTable({ 'paging' : true, 'lengthChange': true, 'searching' : true, 'ordering' : true, 'info' : false, 'autoWidth' : false }) })
daya_nara
1

голосов
0

ответ
34

Просмотры

AngularJS / Ionic does not update all the UI?

I have an AngularJS / Ionic App (I don't know whether the issue is related to Ionic or Angujar). Recently the UI has begun to behave differently in Safari (both on IOS and on a MacBook). Check out the pictures: When I push the plus button, 250 is added to the 3000. In the next picture I've pushed to button a couple of times and this happens: It should say 3750. It is like the bottom part of the number has been updated, but not the top part?
Jolle
1

голосов
0

ответ
45

Просмотры

Angular Js - Border becomes red when pasting a url - why?

Привет Я запутался, я не знаю, почему это происходит я тестирую это на макинтош и chromes (окна). У меня есть поле с именем сайта, в котором я тестирование, что является URL действительным или нет. Она работает большую часть времени штрафа, но если есть ошибка это приведет границу красный и показать ошибку в подсказке, но Там приходит странный вопрос иногда, когда я вставить URL скопированный откуда-то и действительно я знаю точно, потому что ошибка не отображается в подсказке и форма действительно представляется, хотя, но граница становится красной? Почему Input Это в основном фильтр, который я использую в контроллере. Фильтр filters.filter ( 'urlValidate', функция ($ фильтр) {Функция возврата (URL) {вар р = /\b(?:(?:https?|ftp):\/\/|www\.)[- ? а-z0-9 + & @ # \ /% = ~ _ |:!.,;] * [- а-z0-9 + & @ # \ /% = ~ _ |] / я; если (URL = == '' || reg.test (URL)) {вернуться ложным!; } Еще {возвращает истину; }}; }); Теперь, как я могу найти эту ошибку? Я пытался сто раз, и это происходит один раз в голубой луне, но это случается.
Usman Iqbal
1

голосов
1

ответ
952

Просмотры

Вызов решить несколько раз [Promise,] [дубликат]

Этот вопрос уже есть ответ здесь: Что происходит, когда обещание решить многократно превышающие 2 ответов у меня есть эта функция, которая возвращает обещание, как это асинхронно выборками данных. Как вы видите, есть наблюдатели внутри кода этого обещания ($ watchCollection), который держит смотреть данные и запускает функцию Устраните Promise для каждого изменения. Я не могу проверить, является ли тогда срабатывает несколько раз один раз для каждой функции решительности вызова или нет. Это возможно ? this.getGridDataAndMetaData = функция (viewId) {вернуть новый Promise (функция (решение, отклонить) {dataStore.fetchView (viewId) .then (функция (viewEntity) {вар grid_groupement = viewEntity.descriptor.state? viewEntity.descriptor.state.grid_groupement не определено; вар dataStoreEntities = viewEntity.getEntityType () getEntities (). вар dataStoreProperties = viewEntity.getEntityType () GetProperties (). вар gridDataAndMetaData; $ RootScope $ watchCollection (функция () {возвращение dataStoreEntities;}.!, Функция (newCollection, oldCollection) {если (angular.equals (newCollection, {})) formatDataStoreEntities (angular.copy (newCollection), grid_groupement) .then (функция (данные) {gridDataAndMetaData = данные;! если (lastNewProperties = неопределенный && angular.equals (lastNewProperties, [])) {Data.viewEntity = viewEntity; data.grid_groupement = grid_groupement; data.properties = lastNewProperties; разрешения (данные); }}); }); . $ RootScope $ watchCollection (функция () {возвращение dataStoreProperties;}, функция (newProperties, oldProperties) {lastNewProperties = angular.copy (newProperties)! Если (gridDataAndMetaData = не определено && angular.equals (gridDataAndMetaData.valuesIdsEntitiesTabFormat, {})) {GenerateServiceTabs (newProperties, функция () {data.viewEntity = viewEntity; data.grid_groupement = grid_groupement; data.properties = lastNewProperties; разрешаемыми (данные);}); }}); }) Поймать (функция (ошибка) {console.error ( '% C getGridDataAndMetaData :: dataStore.fetchView (viewId) :: об ошибке:' + JSON.stringify (ошибка), «фон:. Красный, цвет: белый; дисплей: блок; '); отвергнуть (ошибка);}); }); } data.grid_groupement = grid_groupement; data.properties = lastNewProperties; разрешения (данные); }); }}); }) Поймать (функция (ошибка) {console.error ( '% C getGridDataAndMetaData :: dataStore.fetchView (viewId) :: об ошибке:' + JSON.stringify (ошибка), «фон:. Красный, цвет: белый; дисплей: блок; '); отвергнуть (ошибка);}); }); } data.grid_groupement = grid_groupement; data.properties = lastNewProperties; разрешения (данные); }); }}); }) Поймать (функция (ошибка) {console.error ( '% C getGridDataAndMetaData :: dataStore.fetchView (viewId) :: об ошибке:' + JSON.stringify (ошибка), «фон:. Красный, цвет: белый; дисплей: блок; '); отвергнуть (ошибка);}); }); } улов (функция (ошибка) {console.error ( '% C getGridDataAndMetaData :: dataStore.fetchView (viewId) :: Ошибка:' + JSON.stringify (ошибка), 'фон: красный; цвет: белый; дисплей: блок;' ); отвергнуть (ошибка);}); }); } улов (функция (ошибка) {console.error ( '% C getGridDataAndMetaData :: dataStore.fetchView (viewId) :: Ошибка:' + JSON.stringify (ошибка), 'фон: красный; цвет: белый; дисплей: блок;' ); отвергнуть (ошибка);}); }); }
Bardelman
1

голосов
1

ответ
22

Просмотры

Угловой Пустой ответ сервера

Я использую завод в угловом 1.6, который вызывает запрос GET к серверу Rails 5. Внутри завода есть $ HTTP вызов: $ HTTP ({метод: 'GET', URL: urlString, Титулы: dataToSend}) .Затем (функция successCallback (ответ) {console.log ( 'в ответ'); консоль. LOG (ответ);}) возвращает $ HTTP ({метод: 'GET', URL: urlString, Титулы: dataToSend}); Это работает с максимальными кАми строк, возвращенных с сервера. Как только он пересекает определенный порог (около 8k строк) в .data в ответ становится пустым: Object {данные: «», статус: 200, конфигурации: Объект, его статус: «КИ», заголовки: функция} и есть нет ошибок на логи сервера. Как только я положил предел в код сервера .. в примере предел до 5000 строк, то .data заполняется по мере необходимости.
HoosierCoder
1

голосов
0

ответ
150

Просмотры

Как проверить личные функции в жасмин

Я хочу проверить мою частную функцию который вызывается в публичной функции, как я могу получить доступ к коду внутри частных функций. Например: вар privateFunction = функция () {this.flag = ложь; } Это $ OnInit = функция () {this.flag = истина. privateFunction (); } Как я могу проверить, если значение «флаг» был изменен или нет после того, как частная функция была вызвана ?? Я пытаюсь spyOn в privateFunction но дает мне метод не существует ошибка.
krishna teja
1

голосов
2

ответ
25

Просмотры

AngularJS data binding with scope functions

I'm new in Angular (i use 1.6) I'm facing with data binding for the first time and I can load and refresh my data on a page simply by calling the web service every 3 seconds. But I can't figure out how to tell to angular to call also the scope functions. When the page load for the first time I load fake data and for every row I get a call to my scope functions job.rowColor and job.rowIcon that return CSS classes based on row status. But when the interval expires and I load fresh data from server i see my new data load on page but without CSS classes computed from my scope function. Why? Am I miss something? This is my html: Status User Report Type Files Output Start End {{row.Email}} {{row.Type}} {{row.Mode}} {{row.TotalItems}} {{row.Output}} {{row.StartTime}} {{row.EndTime}} this is my controller: .controller('JobController',function($scope,$http,$interval){ var queue = this; queue.loadJobs=function(){ $http.get('http://localhost:55006/jobs-list/20/null/null'). then(function(response) { queue.data = response.data; }); }; $interval(function(){ queue.loadJobs(); }, 3000); queue.data=[ {Status:'running',Email:'[email protected]',Type:'Report1',Mode:'Multipage PDF',TotalItems:23,Output:'E-Mail',StartTime:'12:05',EndTime:'--:--'}, {Status:'ok',Email:'[email protected]',Type:'Report3',Mode:'Zipped PDF',TotalItems:39,Output:'E-Mail',StartTime:'12:05',EndTime:'10:30:15'}, {Status:'error',Email:'[email protected]',Type:'Report3',Mode:'Multipage PDF',TotalItems:120,Output:'E-Mail',StartTime:'12:05',EndTime:'10:15:55'}, {Status:'okerror',Email:'[email protected]',Type:'Report5',Mode:'Zipped PDF',TotalItems:23,Output:'E-Mail',StartTime:'12:05',EndTime:'09:26:00'}, {Status:'wait',Email:'[email protected]',Type:'Report1',Mode:'Single PDF',TotalItems:1,Output:'Download',StartTime:'--:--',EndTime:'--:--'}, ]; queue.rowColor = function(index){ switch(queue.data[index].status){ case 'running': return 'primary'; case 'wait': return 'secondary'; case 'error': return 'danger'; case 'okerror': return 'warning'; case 'ok': return 'success'; } } queue.rowIcon = function(index){ switch(queue.data[index].status){ case 'running': return 'play-circle'; case 'wait': return 'media-pause'; case 'error': return 'x'; case 'okerror': return 'warning'; case 'ok': return 'check'; } } })
user3759697
1

голосов
2

ответ
179

Просмотры

После обновления страницы изображение не показывают в представлении в AngularJS?

Я должен загрузить изображение в AnguarJS с использованием firebase, но проблема в том, что изображение правильно загружена, а также я должен хранить ImageUrl в LocalStorage, но после того, как обновить изображение страницы, это удалить я не uderstand, какие проблемы $ сферы. backgroundImageURL = []; $ Scope.currentUserObject = {}; $ Scope.uploadBackgroundImage = функция (событие) {// Получить userDetail из текущего вошедшего в систему пользователя $ scope.currentUserObject = localStorage.getItem ( 'Username'); // Получить значение из поля ввода и назначить в fireabse узел вар userProductImg = $ ( "# getImageAttribute") [0] .files [0]; вар PRODUCT_STORAGE_REF = firebase.storage () исх ( 'пользователь / изображения.'); . // получить дату, а также поставить ImageUrl от узла вар гп = новый Дата () GetTime () ToString (). вар задача = PRODUCT_STORAGE_REF.
Kapil soni

Просмотр дополнительных вопросов