After trying out ngGrid, ngTable, trNgGrid and Smart Table, I have come to the conclusion that Smart Table is by far the best implementation AngularJS-wise and Bootstrap-wise. It is built exactly the same way as you would build your own, naive table using standard angular. On top of that, they have added a few directives … Read more
Here’s the solution: sudo npm install –save-dev –unsafe-perm node-sass Enjoy! Edited to explain the options (from comments): –save-dev is used so that your app is able to find the module in local node_modules. –save-dev adds package to devDependencies in package.json. –unsafe–perm is used to run install scripts as root. To avoid sudo, use nvm instead. … Read more
The prefix ng stands for “Angular;” all of the built-in directives that ship with Angular use that prefix. Similarly, it is recommended that you do not use the ng prefix on your own directives in order to avoid possible name collisions in future versions of Angular. From the FAQ: Why is this project called “AngularJS”? … Read more
$watch returns a deregistration function. Calling it would deregister the $watcher. var listener = $scope.$watch(“quartz”, function () {}); // … listener(); // Would clear the watch
You can use <li ng-repeat=”(name, age) in items”>{{name}}: {{age}}</li> See ngRepeat documentation. Example: http://jsfiddle.net/WRtqV/1/
I made a small directive to listen for file input changes. View JSFiddle view.html: <input type=”file” custom-on-change=”uploadFile”> controller.js: app.controller(‘myCtrl’, function($scope){ $scope.uploadFile = function(event){ var files = event.target.files; }; }); directive.js: app.directive(‘customOnChange’, function() { return { restrict: ‘A’, link: function (scope, element, attrs) { var onChangeHandler = scope.$eval(attrs.customOnChange); element.on(‘change’, onChangeHandler); element.on(‘$destroy’, function() { element.off(); }); } … Read more
You need to store the returned function and call it to unsubscribe from the event. var deregisterListener = $scope.$on(“onViewUpdated”, callMe); deregisterListener (); // this will deregister that listener This is found in the source code 🙂 at least in 1.0.4. I’ll just post the full code since it’s short /** * @param {string} name Event … Read more
ngAttr directive can totally be of help here, as introduced in the official documentation https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes For instance, to set the id attribute value of a div element, so that it contains an index, a view fragment might contain <div ng-attr-id=”{{ ‘object-‘ + myScopeObject.index }}”></div> which would get interpolated to <div id=”object-1″></div>
If you want to $broadcast use the $rootScope: $scope.startScanner = function() { $rootScope.$broadcast(‘scanner-started’); } And then to receive, use the $scope of your controller: $scope.$on(‘scanner-started’, function(event, args) { // do what you want to do }); If you want you can pass arguments when you $broadcast: $rootScope.$broadcast(‘scanner-started’, { any: {} }); And then receive them: … Read more
npm no longer installs peer dependencies so you need to install them manually, just do an npm install on the needed deps, and then try to install the main one again. Reply to comment: it’s right in that message, it says which deps you’re missing UNMET PEER DEPENDENCY angular-animate@^1.5.0 +– UNMET PEER DEPENDENCY angular-aria@^1.5.0 +– … Read more