Compile : This is the phase where Angular actually compiles your directive. This compile function is called just once for each references to the given directive. For example, say you are using the ng-repeat directive. ng-repeat will have to look up the element it is attached to, extract the html fragment that it is attached … Read more
The following line needs to be added to the $http object that is passed: headers: {‘Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’} And the data passed should be converted to a URL-encoded string: > $.param({fkey: “key”}) ‘fkey=key’ So you have something like: $http({ method: ‘POST’, url: url, data: $.param({fkey: “key”}), headers: {‘Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’} }) From: https://groups.google.com/forum/#!msg/angular/5nAedJ1LyO0/4Vj_72EZcDsJ UPDATE To … Read more
The app router specified navigation to MyController like so: $routeProvider.when(“https://stackoverflow.com/”, { templateUrl: ‘pages/home.html’, controller: MyController }); But I also had this in home.html: <div data-ng-controller=”MyController”> This digested the controller twice. Removing the data-ng-controller attribute from the HTML resolved the issue. Alternatively, the controller: property could have been removed from the routing directive. This problem also … Read more
ng-bind has one-way data binding ($scope –> view). It has a shortcut {{ val }} which displays the scope value $scope.val inserted into html where val is a variable name. ng-model is intended to be put inside of form elements and has two-way data binding ($scope –> view and view –> $scope) e.g. <input ng-model=”val”/>.
See ngOptions ngOptions(optional) – {comprehension_expression=} – in one of the following forms: For array data sources: label for value in array select as label for value in array label group by group for value in array select as label group by group for value in array track by trackexpr For object data sources: label for … Read more
An HTTP GET request can’t contain data to be posted to the server. However, you can add a query string to the request. angular.http provides an option for it called params. $http({ url: user.details_path, method: “GET”, params: {user_id: user.id} }); See: http://docs.angularjs.org/api/ng.$http#get and https://docs.angularjs.org/api/ng/service/$http#usage (shows the params param)
There are multiple ways how to communicate between controllers. The best one is probably sharing a service: function FirstController(someDataService) { // use the data service, bind to template… // or call methods on someDataService to send a request to server } function SecondController(someDataService) { // has a reference to the same instance of the service … Read more
To apply different classes when different expressions evaluate to true: <div ng-class=”{class1 : expression1, class2 : expression2}”> Hello World! </div> To apply multiple classes when an expression holds true: <!– notice expression1 used twice –> <div ng-class=”{class1 : expression1, class2 : expression1}”> Hello World! </div> or quite simply: <div ng-class=”{‘class1 class2’ : expression1}”> Hello World! … Read more
All angular services are singletons: Docs (see Services as singletons): https://docs.angularjs.org/guide/services Lastly, it is important to realize that all Angular services are application singletons. This means that there is only one instance of a given service per injector. Basically the difference between the service and factory is as follows: app.service(‘myService’, function() { // service is … Read more
Inject $filter to your controller function myCtrl($scope, $filter) { } Then wherever you want to use that filter, just use it like this: $filter(‘filtername’); If you want to pass arguments to that filter, do it using separate parentheses: function myCtrl($scope, $filter) { $filter(‘filtername’)(arg1,arg2); } Where arg1 is the array you want to filter on and … Read more