angularjs-scope

问题 What is the reason the server is returning object as ' undefined ' and ' XMLHttpRequest cannot load the "URL" Response for preflight is invalid (redirect) . Flow of app - its just a normal post service sending document details to the server in return should return an object holding various parameters, but its returning ' undefined ' The service for posting the document fileUpload: { method: 'POST', url: config.apiPath + 'employee/service/pushRecords', //this is the URL that should return an

问题 I have the following example code in my learning app. The service does his job and pulls some data out of a page with json code generated by php, so far so good. service: (function() { 'use strict'; angular .module('app.data') .service('DashboardService', DashboardService); DashboardService.$inject = ['$http']; function DashboardService($http) { this.getFormules = getFormules; //////////////// function getFormules(onReady, onError) { var formJson = 'server/php/get-formules.php', formURL =

问题 I am creating a custom chart widget in angularjs using a directive with isolated scope. The idea being that each widget should be able to exist in isolation after receive basic config information on how to create itself. The widget will communicate with other parts of the application by listening for an "update.data" event. When the event is triggered, the widget knows to refresh its data (Make a call to the server) based on new config information available to it, passed through the event

问题 I've heard, that service should not be linked to scope variable in controller because view gains direct access to service. But i want to bind my scope variable to data that stored in service, and i want that variable to reflect all changes from service. I've read a lot of workaround, and in most of them were told to use $scope.$watch, if i want to watch service data from controller. I've wrote simple example without using of $scope.$watch, which is working exactly like i want, but i'm

问题 I have an animation that animates an element in an ng-repeat to the left or right depending on which button is clicked. In one manoeuvre, I set a ng-class (the animation class) and then remove the element, which triggers the animation, but it doesn't seem to recognise the change to the ng-class before the animation is applied, unless I use a $scope.$apply() , but this throws up a $apply already in progress error. Is there a way to not have to use the $scope.$apply() , or to get rid of that

问题 I'm manually compiling a template against a new scope: var scope = _.assign($rootScope.$new(true), { foo: 1, bar: 2 }) var element = angular.element('<my-element foo="foo" bar="bar"></my-element>') $compile(element)(scope) element.appendTo(container) After running a basic profile, the slowest part of this code is $compile , which takes ~1ms per compilation. I need to compile ~100 elements at a time, as the user scrolls. There are a lot of optimizations I can apply to speed up compilations

问题 I am new to angular js - trying to build an audio play using Aplayer Task:- 1. Play music dynamically 2. On click of album get json data and add to aplayer (function() { 'use strict'; angular.module('app', []); angular .module('app') .directive('aplayer', aplayer); function aplayer() { return { restrict: 'AC', link: function(scope, element, attrs) { // `element` is the angular element the directive is attached to // APlayer need the native one var nativeElement = element[0]; var ap1 = new

问题 columnDefs: [{ displayName: 'Date', field: 'date', editableCellTemplate: '<input type="text" ng-class="\'colt\' + col.index" ng-input="COL_FIELD" ng-model="COL_FIELD" datepicker-popup="dd-MM-yyyy" datepicker-append-to-body=true />', enableCellEdit:true }] http://plnkr.co/edit/5kr8lPIMJtWHVFEgzlu1 date-picker is not working edit template, act just like normal edit input... 来源： https://stackoverflow.com/questions/23394619/date-picker-is-not-working-in-angularjs-ng-grid-editablecelltemplate

问题 on the following jsFiddle i demonstrate a problem that makes me ponder. It stems from the need to send a system wide event to all scopes, telling them that the system has finished bootstrapping. In order to do that, i got the rootScope after bootstrapping, and called its evalAsync. Alas! its not executing. see here: http://jsfiddle.net/cusrC/8/ angular.element(document).ready(function() { angular.bootstrap(body, ['app']); var ngInjector = angular.injector(['ng']); var rootScope = ngInjector

问题 I am trying to use $httpBackend to test my $http request ..i AM getting this error Unexpected request: GET data.json No more request expected here is my testing code beforeEach(inject(function($rootScope,$controller,appfactory,_$httpBackend_) { $scope = $rootScope.$new(); $httpBackend=_$httpBackend_; ctrl = $controller('cntrl', {$scope: $scope}); fac=appfactory; modeSpy= spyOn(fac, 'mode').and.returnValue('a'); })); it('test true value',function(){ expect(true).toBeTruthy() }) it('check