<!DOCTYPE html>
<html>
<head>
<script src="https://code.angularjs.org/1.4.12/angular.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('mainController', function($scope) {
$scope.comp = {
code: 'CS',
name: 'code-sample.com'
};
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="mainController">
<h2>ng-if else in angularjs</h2>
<hr/>
<div>
<div ng-if="comp.code === 'CS'">
If code is = <span style="color:green;">{{comp.code}}</span> , than company is = <a href="http://www.{{comp.name}}">{{comp.name}}</a>
</div>
<div ng-if="comp.code === '' ">
code-sample.xyz
</div>
</div>
<br/>
<hr/>
<a href="http://www.code-sample.com/2011/11/angularjs-tutorial-step-by-step.html" traget="_blank">For more...</a>
</div>
</body>
</html>
// Code goes here
/* Styles go here */