AngularJS NOT Filter <select ng-model=”test” ng-options=”c as c.label group by c.type for c in columns | filter:{ type : ‘!field’ } | filter:{ type : ‘!map’ }”> </select> Fiddle From the docs: “…The predicate can be negated by prefixing the string with !.” “A pattern object can be used to filter specific properties on objects … Read more
You could simplistically tell the compiler to stop worrying by telling it that “you know all about angular”: declare var angular: any; To get all the good tooling and type checking, you need to pull in the Angular type definition so the compiler knows what is available. The type definitions are available via NuGet if … Read more
Jasmine added fit and fdescribe in 2.1 for running single tests or describe blocks. http://pivotallabs.com/new-key-features-jasmine-2-1/ This feature almost made it in the 2.0 release. Now enough of this functionality is present to support fit and fdescribe for focused spec and suite running. from 2.1 git lib/jasmine-core/jasmine.js var jasmineInterface = { describe: function(description, specDefinitions) { return … Read more
It’s exactly what you guessed: ? makes a directive optional. Basically, these are at your disposal when defining directive requirements: someDirective : Require someDirective on same element and pass it to linking function ?someDirective : Pass someDirective controller if available on same element to linking function. If not, pass null. ^someDirective : Require someDirective on … Read more
Angulars routing seems to pick up the change, which in my case is bad because the scrollTo reroutes me to back to the main admin page. Scrolling and then resetting the $location.hash() so angular does not perceive a change in url seems to work. $scope.scrollTo = function (id) { var old = $location.hash(); $location.hash(id); $anchorScroll(); … Read more
I am afraid I am unfamiliar with FCSA number 🙁 However, if your goal is to understand how to implement a simple, angular-oriented solution that may well suit your needs, read on… You will find below the price directive I implemented in a plunker. It is quite straightforward, and I recommend you take the time … Read more
The + operator calls to the toString method of the object which would return ‘[object object]’ So using log like this: console.log(‘scope is ‘ + scope); Produced the string scope is [object object] Instead use the console.log() method with commas (as commented below) to be able to drill into the scope object: console.log(‘scope is’, scope)
In this case, you don’t want to just “insert HTML”, but compile it. You can create DOM nodes using the $compile service. var tpl = $compile( ‘<div><p ng-repeat=”each in arr”>{{each}}</p></div>’ )( scope ); As you can see, $compile returns a function that takes a scope object as a parameter, against which the code is evaluated. … Read more
You could use the data- html5 attribute which is standard and as far as I know works the same for Angular. Something like: data-ng-app=”” data-ng-init=”xxx” Will work the same in Angular and are validated by W3C. Look also at this: ng-app vs. data-ng-app, what is the difference? Aside from that, from my experience working with … Read more
The typeahead directive from http://angular-ui.github.io/bootstrap/ is very, very flexible and there are many ways of achieving the desired functionality. I’m presenting 2 of them here. Firstly, the typeahead directive uses syntax very similar to the AngularJS select directive. This gives you full control over a displayed label and the data bound as model value. So … Read more