AngularJS - Revision history

Scott: /* Filters */

2015-06-11T18:24:32Z

Filters

2015-06-11T18:18:32Z

Filters

2015-06-11T18:18:02Z

Directives

2015-05-25T18:41:15Z

Directives

← Older revision		Revision as of 18:41, 25 May 2015
Line 89:		Line 89:
	== Directives ==		== Directives ==
	<source lang="javascript">		<source lang="javascript">
	myApp.directive("highlight", function () {		myApp.directive("highlight", function () { // factory function
	return function (scope, element, attrs) {		return function (scope, element, attrs) { // returns a worker function
	if (scope.day == attrs["highlight"]) {		if (scope.day == attrs["highlight"]) {
	element.css("color", "red");		element.css("color", "red");

2015-05-25T18:39:23Z

Directives

← Older revision		Revision as of 18:39, 25 May 2015
Line 100:		Line 100:
	<source lang="html4strict">		<source lang="html4strict">
	<h4 ng-controller="dayCtrl" highlight="Monday">		<h4 ng-controller="dayCtrl" highlight="Monday">
	Today is {{day ~~\|\| "(unknown)"~~}}		Today is {{day}}
	</h4>		</h4>
	</source>		</source>

2015-05-25T18:35:23Z

Controllers

@@ Line 85: / Line 85: @@
      <h4>Tomorrow is {{day}}</h4>
 </div>
 </source>

2015-05-25T18:30:24Z

Controllers

← Older revision		Revision as of 18:30, 25 May 2015
Line 72:		Line 72:
	myApp.controller("dayCtrl", function($scope){ // inject the dependency on $scope		myApp.controller("dayCtrl", function($scope){ // inject the dependency on $scope
	$scope.day = "Thursday";		$scope.day = "Thursday";
	});		})
	~~myApp~~.controller("tomorrowCtrl", function($scope){		.controller("tomorrowCtrl", function($scope){ // fluent api allows chaining
	$scope.day = "Friday";		$scope.day = "Friday";
	});		});

2015-05-25T18:28:24Z

Controllers

← Older revision		Revision as of 18:28, 25 May 2015
Line 74:		Line 74:
	});		});
	myApp.controller("tomorrowCtrl", function($scope){		myApp.controller("tomorrowCtrl", function($scope){
	$scope.~~tomorrow~~ = "Friday";		$scope.day = "Friday";
	});		});
	</source>		</source>
Line 83:		Line 83:
	</div>		</div>
	<div ng-controller="tomorrowCtrl">		<div ng-controller="tomorrowCtrl">
	<h4>Tomorrow is {{~~tomorrow~~}}</h4>		<h4>Tomorrow is {{day}}</h4>
	</div>		</div>
	</source>		</source>

2015-05-25T18:18:01Z

Controllers

← Older revision		Revision as of 18:18, 25 May 2015
Line 73:		Line 73:
	$scope.day = "Thursday";		$scope.day = "Thursday";
	});		});
			myApp.controller("tomorrowCtrl", function($scope){
			$scope.tomorrow = "Friday";
			});
	</source>		</source>
	In the view:		In the view:
Line 78:		Line 81:
	<div ng-controller="dayCtrl">		<div ng-controller="dayCtrl">
	<h4>Today is {{day}}</h4>		<h4>Today is {{day}}</h4>
			</div>
			<div ng-controller="tomorrowCtrl">
			<h4>Tomorrow is {{tomorrow}}</h4>
	</div>		</div>
	</source>		</source>

2015-05-25T18:14:49Z

Controllers