Say we have html structure like this:
<div id="parent"> <h1></h1> <p></p> <p></p> </div>
What would this selector have selected?
#parent{
p:first-child{}
}
CSS Selector: Nth-Child, First-Child
Author Archives: lucia
Notes: How To Get Up Early
- If there’s something it is not about, it’s resolution and willpower.
- If there’s something it is about, it’s tweaking the environment until finding the one that works.
- The environment shapes people within much more than people realise.
- There’s no one-size-fit-all cookie-cutter solution. It’s different for everyone and it takes imagination, creativity and willingness to try and fail dozens of times.
Angular Directive: angular-checkbox-set
Links: Github Repo / Live Demo
Angular directive, with recursive support for multiple layers of checkboxes.
Factories, Services, Providers?
For me the revelation came when I realised that they all work the same way: by running something once, storing the value they get, and then cough up that same stored value when referenced through Dependency Injection.
Understanding $watch
Could you tell the difference between these four?
$scope.$watch('foo', fn)$scope.$watch(function() {return $scope.foo}, fn)
$scope.$watch(obj.prop, fn)$scope.$watch(function() {return obj.prop}, fn)
Angular Directive: Click Elsewhere?
Benefit of this solution:
- You only need one bind to
$(document). Other firing of events would depend on the$emitof scope events. - You could use both expressions
click-elsewhere="show=false", andclick-elsewhere="fn()", thanks to$parse.
A Road Map: What A Blog Does
All Angular Directives That Create Child Scopes
Have this list firmly registered somewhere in the back of your head before embarking on Angular! I can’t tell you how much confusion and pain not realising its existence has caused me. These are the keywords I used to find all the directives that create scope, thanks to @sp00m’s prompt.
Providing that Angular’s documentation is consistent in the way they describe directives, which it seems to be, below is the full list of results, in order of priority level of execution:
Open Sublime From Terminal and Vim
terminal
$ sudo ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /bin/subl
vimrc
map <silent><leader>os : exe 'silent !subl .'<CR>