Angular js sample projects
13 Wednesday Jul 2016
Posted Angularjs
in13 Wednesday Jul 2016
Posted Angularjs
in08 Friday Jan 2016
Posted Angularjs, Bootstrapless
in
02 Wednesday Sep 2015
http://designscrazed.org/best-responsive-css-frameworks/
16 Thursday Apr 2015
Posted Angularjs
in// any variable attached to $scope can have live representation in the view myApp.controller('myController', function($scope){ $scope.myAppModel = { firstName: 'Dave', occupation: 'UI Architect }; });<!-- if we type in new values, they will display in real time -->
<div
ng-controller=
"myController"
>
<span>
{{ myAppModel.firstName }}</span><br>
<input
type=
"text"
name=
"firstName"
ng-model=
"myAppModel.firstName"
>
<span>
{{ myAppModel.occupation}}</span><br>
<input
type=
"text"
name=
"occupation"
ng-model=
"myAppModel.occupation"
>
</div> AngularJS currently accomplishes (view-model) data-binding via “dirty-checking”, a process of recursively comparing current data values for each $scope object with previous values to see what has changed if there has been an associated UI event or “watched” model event.
16 Thursday Apr 2015
Posted Angularjs
in<!-- as a user types their name, show them their input in real time -->
<!-- the jQuery IMPERATIVE way -->
<form
name=
"imperative"
>
<label
for=
"firstName"
>
First name: </label>
<input
type=
"text"
name=
"firstName"
id=
"firstName"
>
<span
id=
"name-output"
></span>
</form>
<script>
$
(
function
(){
// Notice how we must make sure the ID strings in both HTML
// and JavaScript MUST match
$
(
'#firstName'
).
keypress
(
function
(){
// boilerplate: retrieve a model value
var
nameValue
=
$
(
'#firstName'
).
value
();
// boilerplate: paint the model value into the view
$
(
'#name-output'
).
text
(
nameValue
);
});
});
</script>
<!-- the AngularJS DECLARATIVE way -->
<form
name=
"declarative"
>
<label
for=
"firstName"
>
First name: </label>
<!-- the next two lines create the 2-way binding between the model and view -->
<input
type=
"text"
name=
"firstName"
id=
"firstName"
ng-model=
"firstName"
>
<span>
{{firstName}}</span>
</form>
<script>
// Because AngularJS hides the boilerplate, no DOM string references to maintain
// between HTML and JavaScript
</script>
Thoughts on the future of finance
Frontend Web Developer & Designer .......
Magento Technical and Fundamental Tips
Lets share magento e-commerce experience ...
Information Techonology
because anything is possible with Charisma
Share Knowledge