To let the controller know when something async happens, use Angular promises. To provoke the $apply, you don’t need the scope, you can call $rootScope.$apply, as there is no difference calling it in a specific scope or in the root. Regarding the variable reading, it would be better if you received parameters. But you could … Read more
This can be confusing but hopefully a simple example will clarify it. First, let’s separate model bindings from behaviors. Here is a fiddle that should help tie things together: http://jsfiddle.net/jeremylikness/3pvte/ And explained … if your directive looks like this: <my-directive target=”foo”/> Then you have these possibilities for scope: { target : ‘=’ } This will … Read more
You need to use an object (not a primitive) in the parent scope and then you will be able to update it directly from the child scope Parent: app.controller(‘ctrlParent’,function($scope){ $scope.parentprimitive = “someprimitive”; $scope.parentobj = {}; $scope.parentobj.parentproperty = “someproperty”; }); Child: app.controller(‘ctrlChild’,function($scope){ $scope.parentprimitive = “this will NOT modify the parent”; //new child scope variable $scope.parentobj.parentproperty = … Read more
as Artyom said you need to use ngChange and pass ngModel object as argument to your ngChange function Example: <div ng-app=”App” > <div ng-controller=”ctrl”> <select ng-model=”blisterPackTemplateSelected” ng-change=”changedValue(blisterPackTemplateSelected)” data-ng-options=”blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates”> <option value=””>Select Account</option> </select> {{itemList}} </div> </div> js: function ctrl($scope) { $scope.itemList = []; $scope.blisterPackTemplates = [{id:1,name:”a”},{id:2,name:”b”},{id:3,name:”c”}]; $scope.changedValue = function(item) { … Read more
Just a hunch: why not look at how the ngCloak directive does it? Clearly the ngCloak directive manages to show content after things have loaded. I bet looking at ngCloak will lead to the exact answer… EDIT 1 hour later: Ok, well, I looked at ngCloak and it’s really short. What this obviously implies is … Read more
It turns out that there’s a very elegant solution to this, but it’s not well documented. Formatting model values for display can be handled by the | operator and an angular formatter. It turns out that the ngModel that has not only a list of formatters but also a list of parsers. 1. Use ng-model … Read more
With Angular 1.3+ you can no longer use global controller declaration on the global scope (Without explicit registration). You would need to register the controller using module.controller syntax. Example:- angular.module(‘app’, []) .controller(‘ContactController’, [‘$scope’, function ContactController($scope) { $scope.contacts = [“abcd@gmail.com”, “abcd@yahoo.co.in”]; $scope.add = function() { $scope.contacts.push($scope.newcontact); $scope.newcontact = “”; }; }]); or function ContactController($scope) { $scope.contacts … Read more
You can use the reload method of the $route service. Inject $route in your controller and then create a method reloadRoute on your $scope. $scope.reloadRoute = function() { $route.reload(); } Then you can use it on the link like this: <a ng-click=”reloadRoute()” class=”navbar-brand” title=”home” data-translate>PORTAL_NAME</a> This method will cause the current route to reload. If … Read more
You need to use $scope.$apply() if you want to make any changes to a scope value from outside the control of angularjs like a jquery/javascript event handler. function change() { alert(“a”); var scope = angular.element($(“#outer”)).scope(); scope.$apply(function(){ scope.msg = ‘Superhero’; }) } Demo: Fiddle
Just bind the relevant context. $scope.$watch(angular.bind(this, function () { return this.name; }), function (newVal) { console.log(‘Name changed to ‘ + newVal); }); Example: http://jsbin.com/yinadoce/1/edit UPDATE: Bogdan Gersak’s answer is actually kind of equivalent, both answers try binding this with the right context. However, I found his answer cleaner. Having that said, first and foremost, you … Read more