ElyDotDev/expressions-condition.html

## expressions-condition.html
<!DOCTYPE html>
<html></html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
	String equals to Number? {{'1' == 1}}
</body>
</html>

## expressions-for-loop.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    {{for (i = 0; i < 100; i = i + 1) {i}}}
</body>
</html>

## expressions-increment-operator.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
     {{variable = 5; ++variable}}
</body>
</html>

## expressions-invalid-alert.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <!-- Invalid AngularJS Expression !-->
    {{alert("http://blog.allii.ir/")}}
</body>
</html>

## expressions-string.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    {{"Angular" + "js".toUpperCase() + " FRAMEWORK".toLowerCase()}}
</body>
</html>

## expressions-ternary-operator.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
     I Have {{variable = 3; (variable > 2) ? "more than ": "less than"}} 2 Apples.
</body>
</html>

## expressions-use-variables.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    {{variable = 1}} === {{variable}}
</body>
</html>

## expressions-variables.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    I'm variable * 3: {{variable = 5; variable * 3}}
</body>
</html>

## expressions.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    Adding number as AngularJS Expression {{1+1}}
</body>
</html>

## ng-bind-simple.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
  Adding number as AngularJS ng-bind Directive: <span ng-bind="1+1"></span>
</body>
</html>

## ng-init-define-function.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="myFunction = function(){ return 1; }">
        My function return is: {{myFunction()}}
    </div>
</body>
</html>

## ng-init-invalid-accesses.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="validVariable = {property1: 'Im a property', arrayProperty: ['1','2']}">
        -{{invalidVariable.arrayProperty[1]}}<br/>
        -{{validVariable.invalidProperty.property1}}<br/>
        -{{validVariable.arrayProperty[2]}}
    </div>
</body>
</html>

## ng-init-semicolons.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="variable1 = 10; variable2 = 5; variable3='Divided By'">
        {{variable1}} {{variable3}} {{variable2}}: {{variable1/variable2}}
    </div>
</body>
</html>

## ng-init-simple.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="variable = 5">
        This is my variable: {{variable}}<br/>
        And my variable * 3 is:<span ng-bind="variable*3"></span>
    </div>
</body>
</html>

## ng-init-using-array.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="variable= ['http://','blog','allii','ir']">
        My weblog url {{variable[0]}}{{variable[1]}}.{{variable[2]}}.{{variable[3]}} as array: {{variable}}
    </div>
</body>
</html>

## ng-init-using-object.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div ng-init="variable= {firstNumber: 10, secondNumber: 5, divideText: 'Divided By'}">
        {{variable.firstNumber}} {{variable.divideText}} {{variable.secondNumber}}: {{variable.firstNumber/variable.secondNumber}}
    </div>
</body>
</html>

## ng-non-bindable-simple.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <div >
        Are there just <span ng-bind="1+1"></span> Oranges, or {{1+2}} Apples?
    </div>
</body>
</html>

## ng-show-ng-hide-simple.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
<div id="form_wrapper" ng-init="notSubmitted = true">
    <form ng-show="notSubmitted">
        <input type="text" name="feedback"/>
        <input type="submit" value="Submit Feedback"/>
    </form>
    <div ng-hide="notSubmitted">Thanks for submitting your feedback!</div>
</div>
</body>
</html>

## sample_angularjs_app_cdn.html
<!DOCTYPE html>
<html>
	<head>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
	</head>
	<body ng-app>
		<!-- All Examples Code In This Section Added Here!-->
	</body>
</html>

## scopes-ng-click.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
<div id="form_wrapper" ng-init="notSubmitted = true">
    <form ng-show="notSubmitted">
        <input type="text" name="feedback"/>
        <input type="submit" value="Submit Feedback" ng-click="notSubmitted = !notSubmitted"/>
    </form>
    <div ng-hide="notSubmitted">Thanks for submitting your feedback!</div>
</div>
</body>
</html>

## scopes-ng-model-checkbox-input-ng-true-false-value.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <input type="checkbox" ng-init="checkboxInput = 'Checked'" ng-model="checkboxInput"
    ng-true-value="'Checked'" ng-false-value="'not Checked'">
    My input is "<span ng-bind="checkboxInput"></span>". Change it!
</body>
</html>

## scopes-ng-model-checkbox-input.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <input type="checkbox" ng-init="checkboxInput = true" ng-model="checkboxInput">
    My input is checked: "<span ng-bind="checkboxInput"></span>". Change it!
</body>
</html>

## scopes-ng-model-ng-init.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <input type="text" ng-init="textInput = 'Initial'" ng-model="textInput">
    My input value is "<span ng-bind="textInput"></span>". Type something!
</body>
</html>

## scopes-ng-model-radio-buttons.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
  <div ng-init="radioButton = 'Happy'">
      <input type="radio" value="Happy" ng-model="radioButton"/> Happy
      <input type="radio" value="Angry" ng-model="radioButton"/> Angry
      <input type="radio" value="Sad" ng-model="radioButton"/> Sad
      You are "<span ng-bind="radioButton"></span>", not?. Please Select!
  </div>
</body>
</html>

## scopes-ng-model-select-option.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <select ng-init="selectOption = 'Happy'" ng-model="selectOption">
        <option value="Happy">Happy</option>
        <option value="Angry">Angry</option>
        <option value="Sad" selected>Sad</option>
    </select>
    You are "<span ng-bind="selectOption"></span>", not?. Please Select!
</body>
</html>

## scopes-ng-model-simple.html
<!DOCTYPE html>
<html>
<head>
    <!-- AngularJS 1.4.8 !-->
    <script src="../src/angular.min.js"></script>
</head>
<body ng-app>
    <input type="text" ng-model="textInput">
    My input value is "<span ng-bind="textInput"></span>". Type something!
</body>
</html>
	<!DOCTYPE html>
	<html></html>
	<head>
	<!-- AngularJS 1.4.8 !-->
	<script src="../src/angular.min.js"></script>
	</head>
	<body ng-app>
	String equals to Number? {{'1' == 1}}
	</body>
	</html>
	<!DOCTYPE html>
	<html>
	<head>
	<!-- AngularJS 1.4.8 !-->
	<script src="../src/angular.min.js"></script>
	</head>
	<body ng-app>
	{{for (i = 0; i < 100; i = i + 1) {i}}}
	</body>
	</html>