angularjs

AngularJS : How do I switch views from a controller function?

by

In order to switch between different views, you could directly change the window.location (using the $location service!) in index.html file <div ng-controller=”Cntrl”> <div ng-click=”changeView(‘edit’)”> edit </div> <div ng-click=”changeView(‘preview’)”> preview </div> </div> Controller.js function Cntrl ($scope,$location) { $scope.changeView = function(view){ $location.path(view); // path not hash } } and configure the router to switch to different partials … Read more

How can I access the value of a promise?

by

promiseA‘s then function returns a new promise (promiseB) that is immediately resolved after promiseA is resolved, its value is the value of the what is returned from the success function within promiseA. In this case promiseA is resolved with a value – result and then immediately resolves promiseB with the value of result + 1. … Read more

Ternary operator in AngularJS templates

by

Update: Angular 1.1.5 added a ternary operator, so now we can simply write <li ng-class=”$first ? ‘firstRow’ : ‘nonFirstRow'”> If you are using an earlier version of Angular, your two choices are: (condition && result_if_true || !condition && result_if_false) {true: ‘result_if_true’, false: ‘result_if_false’}[condition] item 2. above creates an object with two properties. The array syntax … Read more

What is the difference between & vs @ and = in angularJS

by

@ allows a value defined on the directive attribute to be passed to the directive’s isolate scope. The value could be a simple string value (myattr=”hello”) or it could be an AngularJS interpolated string with embedded expressions (myattr=”my_{{helloText}}”). Think of it as “one-way” communication from the parent scope into the child directive. John Lindquist has … Read more

How/when to use ng-click to call a route?

by

Routes monitor the $location service and respond to changes in URL (typically through the hash). To “activate” a route, you simply change the URL. The easiest way to do that is with anchor tags. <a href=”#/home”>Go Home</a> <a href=”#/about”>Go to About</a> Nothing more complicated is needed. If, however, you must do this from code, the … Read more

Passing data between controllers in Angular JS?

by

From the description, seems as though you should be using a service. Check out http://egghead.io/lessons/angularjs-sharing-data-between-controllers and AngularJS Service Passing Data Between Controllers to see some examples. You could define your product service (as a factory) as such: app.factory(‘productService’, function() { var productList = []; var addProduct = function(newObj) { productList.push(newObj); }; var getProducts = function(){ … Read more

Calling a function when ng-repeat has finished

by

var module = angular.module(‘testApp’, []) .directive(‘onFinishRender’, function ($timeout) { return { restrict: ‘A’, link: function (scope, element, attr) { if (scope.$last === true) { $timeout(function () { scope.$emit(attr.onFinishRender); }); } } } }); Notice that I didn’t use .ready() but rather wrapped it in a $timeout. $timeout makes sure it’s executed when the ng-repeated elements … Read more

Should I use `this` or `$scope`?

by

Both have their uses. First, some history … $scope is the “classic” technique while “controller as” is much more recent (as of version 1.2.0 officially though it did appear in unstable pre-releases prior to this). Both work perfectly well and the only wrong answer is to mix them in the same app without an explicit … Read more

Angular IE Caching issue for $http

by

Instead of disabling caching for each single GET-request, I disable it globally in the $httpProvider: myModule.config([‘$httpProvider’, function($httpProvider) { //initialize get if not there if (!$httpProvider.defaults.headers.get) { $httpProvider.defaults.headers.get = {}; } // Answer edited to include suggestions from comments // because previous version of code introduced browser-related errors //disable IE ajax request caching $httpProvider.defaults.headers.get[‘If-Modified-Since’] = ‘Mon, … Read more

Removing the fragment identifier from AngularJS urls (# symbol)

by

Yes, you should configure $locationProvider and set html5Mode to true: angular.module(‘phonecat’, []). config([‘$routeProvider’, ‘$locationProvider’, function($routeProvider, $locationProvider) { $routeProvider. when(‘/phones’, {templateUrl: ‘partials/phone-list.html’, controller: PhoneListCtrl}). when(‘/phones/:phoneId’, {templateUrl: ‘partials/phone-detail.html’, controller: PhoneDetailCtrl}). otherwise({redirectTo: ‘/phones’}); $locationProvider.html5Mode(true); }]);

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)