Запитання з тегом «angularjs»

Як побудувати URL-адресу з параметрами запиту в Angularjs. Я бачу API $ location.search () проблема полягає в тому, що $ location (url) полягає у перенаправленні на url. У моєму випадку я хочу передати пари url і key: value для параметрів запиту та побудувати URL-адресу. щось на зразок url: /a/b/c params:{field1: …

77 javascript  angularjs  querystringparameter 

Я намагаюся застосувати фонове зображення до div, використовуючи angular ng-style(раніше я пробував власну директиву з такою ж поведінкою), але, схоже, це не працює. <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == false" data-ng-animate="'fade'" ng-cloak> <ul …

76 javascript  angularjs  angularjs-directive  angularjs-ng-repeat  ng-style 

Я намагаюся "stopPropagation", щоб запобігти закриттю спадного меню навігаційної панелі Twitter Bootstrap, коли клацне елемент (посилання) всередині li. Використання цього методу, здається, є загальним рішенням . У Angular, здається, директива - це місце для цього? Отже я маю: // do not close dropdown on click directives.directive('stopPropagation', function () { return …

76 javascript  jquery  angularjs  stoppropagation 

Я пишу директиву про перевірку пароля: Directives.directive("passwordVerify",function(){ return { require:"ngModel", link: function(scope,element,attrs,ctrl){ ctrl.$parsers.unshift(function(viewValue){ var origin = scope.$eval(attrs["passwordVerify"]); if(origin!==viewValue){ ctrl.$setValidity("passwordVerify",false); return undefined; }else{ ctrl.$setValidity("passwordVerify",true); return viewValue; } }); } }; }); html: <input data-ng-model='user.password' type="password" name='password' placeholder='password' required> <input data-ng-model='user.password_verify' type="password" name='confirm_password' placeholder='confirm password' required data-password-verify="user.password"> Дано 2 поля пароля у …

76 javascript  angularjs 

У моєму додатку є така послуга: uaInProgressApp.factory('uaProgressService', function(uaApiInterface, $timeout, $rootScope){ var factory = {}; factory.taskResource = uaApiInterface.taskResource() factory.taskList = []; factory.cron = undefined; factory.updateTaskList = function() { factory.taskResource.query(function(data){ factory.taskList = data; $rootScope.$digest console.log(factory.taskList); }); factory.cron = $timeout(factory.updateTaskList, 5000); } factory.startCron = function () { factory.cron = $timeout(factory.updateTaskList, 5000); } factory.stopCron …

76 angularjs 

Я працюю з angularjs в режимі html 5. Що, здається, бере на себе контроль над усіма href-файлами на сторінці. Але що, якщо я хочу мати посилання на щось у тому самому домені програми, але насправді не в додатку. Прикладом може бути pdf. Якщо я виконую <a href="https://stackoverflow.com/pdfurl">angular, я просто спробую …

76 angularjs 

Я створив JSFiddle із випадаючою панеллю навігації, використовуючи модуль angular-ui-boostrap "ui.bootstrap.dropdownToggle": http://jsfiddle.net/mhu23/2pmz5/ <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="#"> My Responsive NavBar </a> <ul class="nav"> <li class="divider-vertical"></li> <li class="dropdown"> <a href="#" class="dropdown-toggle"> Menu 1 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#/list">Entry 1</a> </li> <li><a href="#/list">Entry 2</a> </li> …

76 angularjs  angular-ui  angular-ui-bootstrap 

Я знаю, що можу встановити тайм-аут кожен раз: $http.get('path/to/service', {timeout: 5000}); ... але я хочу встановити глобальний тайм-аут, щоб мій код був сухим.

76 angularjs 

Мені потрібно передати змінну іншому контролеру. У мене є такий код, який пов’язаний із ListCtrl: <a href="#items" data-router="article" ng-click="changeListName('metro')"> Посилання надходить на інший контролер, ItemCtrl. Я хочу передати змінну ItemCtrl. Я думав скористатися послугою SharedProperties: service('sharedProperties', function () { var list_name = ''; return { getListName: function() { return list_name; …

76 angularjs 

У наведеному нижче прикладі тесту оригінальним ім'ям постачальника є APIEndpointProvider, але для ін'єкції та створення екземпляра служби, як видається, домовленість має бути введена з підкресленнями, що обгортає його. Чому так? 'use strict'; describe('Provider: APIEndpointProvider', function () { beforeEach(module('myApp.providers')); var APIEndpointProvider; beforeEach(inject(function(_APIEndpointProvider_) { APIEndpointProvider = _APIEndpointProvider_; })); it('should do something', function …

76 angularjs  unit-testing  jasmine  angularjs-service 

Одне, що відрізняє AngularJS від інших фреймворків JavaScript-MVC, - це здатність перетворювати пов'язані значення з JavaScript у HTML за допомогою прив'язок. Angular робить це "автоматично", коли ви присвоюєте будь-яке значення змінній $ scope. Але наскільки це автоматично? Іноді Angular не піднімає зміну, тому мені потрібно зателефонувати $ scope. $ Apply …

76 angularjs 

<button type="button" class="btn btn-primary" ng-click="openTab()">new tab</button> openTab = function () { $http.post('www.google.com'); } Що я хочу, це опублікувати вимога та відкрити html відповіді на новій вкладці, коли ви натискаєте кнопку "openTab". Для цього немає методу $http. Я думаю, що це може бути просто, але я не можу знайти спосіб.

76 javascript  angularjs 

Ця спеціальна директива про перевірку є прикладом, представленим на офіційному веб-сайті. http://docs.angularjs.org/guide/forms Перевіряє, чи вводиться текст у цифровому форматі чи ні. var INTEGER_REGEXP = /^\-?\d*$/; app.directive('integer', function() { return { require: 'ngModel', link: function(scope, elm, attrs, ctrl) { ctrl.$parsers.unshift(function(viewValue) { if (INTEGER_REGEXP.test(viewValue)) { // it is valid ctrl.$setValidity('integer', true); return …

76 unit-testing  angularjs  angularjs-directive 

Мій код: app.directive('abcabc', function (){ alert('directive');}); // working але app.directive('abcAbc', function (){ alert('directive');}); // not working ! app.directive('abc-abc', function (){ alert('directive');}); // not working ! Я роблю не так? Або існують спеціальні правила іменування для директиви Angular?

76 angularjs  angularjs-directive 

У мене є така директива: <div teamspeak details="{{data.details}}"></div> це структура об’єкта: data: { details: { serverName: { type: 'text', value: 'my server name' }, port: { type: 'number', value: 'my port' }, nickname: { type: 'text' }, password: { type: 'password' }, channel: { type: 'text' }, channelPassword: { type: …

76 angularjs